bootstrap-table: disable sorting on a row

Question

Is there any way to disable sorting on a specific row using the bootstrap-table library? The reason is my last row is a "Totals" row and I obviously want that to be the last row in every situation.

http://jsfiddle.net/e3nk137y/11389/

It looks like this functionality is incorporated into this bootstrap-sortable library by setting the data-disable-sorting attribute to true on the <tr> element you want to disable (here). Perhaps it's best to use this library on top of bootstrap-table if this isn't available in bootstrap-table?

Community · Accepted Answer · 2017-05-23 11:54:17Z

1

Figured this out. You can't disable sorting on any specific row (at the moment); however, you can add a footer row which locks it in to the bottom most row at all times. You just need to add data-show-footer="true" to the <table> element.

To add values to a column you need to add the data-footer-formatter attribute to the respective <th> element and set that equal to a javascript function, which can be as simple as function myTotal(data){ return '100' }.

You can also style the footer by adding the data-footer-style to the <table> element and, again, setting that equal to a javascript function.

See my answer here for a good, basic example: Is it possible to fix <footer> in bootstraptable?

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Apr 18, 2017 at 16:14

Johnny Metz

5,84725 gold badges103 silver badges194 bronze badges

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

Collectives™ on Stack Overflow

bootstrap-table: disable sorting on a row

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related