Hello Kentaro,

Yes, I have the classes in the CSS section for the table and the fields being hidden. This was all working prior to upgrading from 10.3.0 to 10.3.1

I have even re-written the Javascript with different class names. 

I also re-created the table on my own VM using the same JavaScript and it still doesn't work.

Do I need to look at a way of rolling back to 10.3.0?

Is there another way to hide the columns and headers in a table?

What I meant was this section. I don't see any syntax errors so it should be just a matter of fixing your selectors.

In the CSS section as indicated in the image above, you probably need something like:

.tablehide, .hidefield{

display: none;

}

If that doesn't work, you can always do something like:

$('td[data-col="qx"]').hide(); // to hide column input fields

$('th#qx label').hide(); // to hide column header

Keep in mind that x depends on your form. 

You might want to add an on click event for hiding newly added rows.

$('#idofaddbutton').on('click', function(){

// add hiding function here

};

@████████

I found that  the JavaScript needs to be written slightly different. Originally, it was written like this...

// Hide Table Column
$(document).on("lookupcomplete", function(event) {
  $('table.tablehide thead th').eq(1).hide();
  $('table.tablehide thead th').eq(7).hide();
  $('table.tablehide thead th').eq(8).hide();
  $('table.tablehide tbody tr td.hidefield').hide();
});

But after changing it to this...

// Hide Table Column
$(document).on("lookupcomplete", function(event) {
  $('.tablehide table thead th').eq(1).hide();
  $('.tablehide table thead th').eq(7).hide();
  $('.tablehide table thead th').eq(8).hide();
  $('.tablehide table tbody tr td.hidefield').hide();
});

It now works (again).