Sorting a bootstrap table with a js script

Question

I am aware that bootstrap took out the ability to sort a table in their 2.0. I was looking online for a solution for my sorting problem and I found the following nice script http://www.kryogenix.org/code/browser/sorttable/

The issue that I am having right now is that the arrows (for sort in a ascending/ descending order) are not appearing right away, only after the user clicks once on the table they will appear. But the user will never know he or she can click to sort without seeing an icon to begin with.

I played with this part that has to do with the icons.

  sortfwdind.innerHTML = '<span class="ui-icon ui-icon-triangle-1-s"></span>';
  sortfwdind.className = "ui-icon ui-icon-triangle-1-s";

But i could not make it present an initial icon before the first click. Any suggestions?

Have you tried using datatables.net/blog/Twitter_Bootstrap_2, that is what we use where I work. — Jamie R Rytlewski
– Jamie R Rytlewski, Commented Apr 25, 2013 at 3:29
check out this minimalistic plugin, it adds sortability to tables, and you can preset order of a column github.com/drvic10k/bootstrap-sortable — Matus
– Matus, Commented Jun 5, 2013 at 18:58

ricardohdz · Accepted Answer · 2013-04-25 02:03:34Z

2

That library is using pure HTML to insert the row after the table header. Look for:

sortrevind.innerHTML = stIsIE ? '&nbsp<font face="webdings">5</font>' : '&nbsp;&#x25B4;';

in the source code. You may want to just add ' ▴' after each table header (to have the arrow before first click) and then edit its innerHTML and delete that icon in the click event.

answered Apr 25, 2013 at 2:03

ricardohdz

5794 silver badges9 bronze badges

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

Comments

sil · Accepted Answer · 2014-03-20 17:45:14Z

1

See http://www.kryogenix.org/code/browser/sorttable/#symbolsbeforesorting in the sorttable documentation for one way to do this.

answered Mar 20, 2014 at 17:45

sil

2,1811 gold badge23 silver badges38 bronze badges

Collectives™ on Stack Overflow

Sorting a bootstrap table with a js script

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