I have a form that has a table with hidden columns which works perfectly fine when submitting from a computer; however, when submitting from the mobile app the hidden columns still appear.  I am using css to hide the columns.

Any suggestions as to how to fix the mobile version would be appreciated.

#q19 label, [data-col="q19"] > * {
  display:none;
}
#q26 label, [data-col="q26"] > * {
  display:none;
}
#q36 label, [data-col="q36"] > * {
  display:none;
}
#q37 label, [data-col="q37"] > * {
  display:none;
}
#q38 label, [data-col="q38"] > * {
  display:none;
}
#q28 label, [data-col="q28"] > * {
  display:none;
}
#q43 label, [data-col="q43"] > * {
  display:none;
}

The reason for hiding the columns is that this table calculates totals from a table above it.  On a computer view, hiding the columns in the total table for the columns that don't need totals (names, etc) keeps the total fields lined up with their respective fields from the table above and makes for a much cleaner view.  I realize this isn't the case on the mobile app, but showing the columns is somewhat confusing to the submitter.

We are using Forms version 10.3.1.635.