Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

classes for thead, tbody?

See original GitHub issue

It would be great to have theadClasses and tbodyClasses among the table props.

For example I’d like to apply sticky thead to some tables with css like:

.react-bootstrap-table thead.sticky {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1021;
}

However, I think I can achieve what I want with the wrapperClasses prop. Anyway, thanks for considering and also thank you for your work!

Issue Analytics

State:
Created 4 years ago
Reactions:1
Comments:6 (2 by maintainers)

Top GitHub Comments

3reactions

AllenFangcommented, Feb 9, 2020

@flc https://react-bootstrap-table.github.io/react-bootstrap-table2/blog/2020/02/09/version-bump.html

use headerWrapperClasses to add class on thead

use bodyClasses to add class on tbody

0reactions

AllenFangcommented, Feb 9, 2020

@flc I add a wrapclass for thead and tbody, thanks

Top Results From Across the Web

HTML thead class Attribute - Dofactory

JavaScript uses classes to access elements by classname. Tip: class is a global attribute that can be applied to any HTML element.

<thead>: The Table Head element - HTML - MDN Web Docs

This attribute is used to set the character to align the cells in a column on. Typical values for this include a period...

Tables - Bootstrap

Documentation and examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.

HTML thead tag - W3Schools

An HTML table with a <thead>, <tbody>, and a <tfoot> element: · table · thead · tr ; How to align content inside...

thead-dark - Bootstrap CSS class

Bootstrap class: .thead-dark. <table class="table"> <thead class="thead-dark"> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> </tr> </thead> <tbody> ...