Adding a class to dynamic Bootstrap Table rows

Question

So I want to add a class to my table rows except the header but I can't figure out how to do it. Does somebody know how i can do this?

this is my table:

<table id="table" class="hidden table table-bordered table-striped table-hover">
    <thead>
        <tr>
            <th data-field="variant">Variant</th>
            <th data-field="description">Description</th>
        </tr>
    </thead>
</table>

and this is currently where i add the data and want to add the classes to the rows

$('#table').bootstrapTable({
    data: returnValue
});

you are using bootstrapTable plugin, dont you think that peice of information is useful to solving? — jidexl21
– jidexl21, Commented Aug 4, 2017 at 6:46

jidexl21 · Accepted Answer · 2022-11-20 04:50:52Z

5

look at the bootstrap table documentation and use the row style properties, I'm not familiar with that plugin but I guess it should be something like this

$('#table').bootstrapTable({
    data: returnValue, 
    rowStyle :  function(row, index) {
     return {
     classes: 'text-nowrap another-class',
     css: {"color": "blue", "font-size": "50px"}
     };
 }
});

read the docs here http://bootstrap-table.wenzhixin.net.cn/documentation/

edited Nov 20, 2022 at 4:50

answered Aug 4, 2017 at 6:50

jidexl21

6198 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JYoThI · Accepted Answer · 2017-08-04 06:44:54Z

0

1st : add tbody tag in html table

2nd : simple add the class for you tbody tr only like this

$('#table tbody tr').addClass("newclass");

HTML :

<table id="table" class="hidden table table-bordered table-striped table-hover">
    <thead>
        <tr>
            <th data-field="variant">Variant</th>
            <th data-field="description">Description</th>
        </tr>
    </thead>
    <tbody>  //tbody added here  
        <tr>
        ....
        </tr>
    </tbody>
</table>

In jquery

$('#table tbody tr').addClass("newclass");

edited Aug 4, 2017 at 6:44

answered Aug 4, 2017 at 6:39

JYoThI

12.1k1 gold badge13 silver badges26 bronze badges

Collectives™ on Stack Overflow

Adding a class to dynamic Bootstrap Table rows

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related