Is there a way to target and apply CSS to the table footer?

  • 1
  • Question
  • Updated 10 months ago
  • In Progress
My tables's footer is receiving the field editor / button CSS I've applied elsewhere and its looks terrible. Any way to target the footer specifically? 
Photo of Josef Lagorio

Josef Lagorio

  • 2,864 Points 2k badge 2x thumb

Posted 10 months ago

  • 1
Photo of Mike Dwyer

Mike Dwyer

  • 3,390 Points 3k badge 2x thumb
https://community.skuid.com/skuid/topics/remove-results-per-page-on-a-table

...may be helpful. Several people (including me) have contributed their insights.
Photo of Josef Lagorio

Josef Lagorio

  • 2,864 Points 2k badge 2x thumb
Hi Mike,

I am not looking to hide or manipulate the list-footer, but specifically the contents of the footer.

 
Photo of Christine Jessen

Christine Jessen

  • 670 Points 500 badge 2x thumb
Josef -

If you want to specifically target one component, give that component a unique name like this:



Then in the CSS, target specifically that component:
#MyTable .nx-list-footer {...}
Good luck!
Christine
(Edited)
Photo of Josef Lagorio

Josef Lagorio

  • 2,864 Points 2k badge 2x thumb
Hi Christine,

I don't believe that will work in my case since targeting the table specifically will effect the table row CSS as well as the footer.

I specifically need the footer's .nx-editor select element.