AngularJS – Datatable Directive hack for nonSortable property

We use AngularJS Datatable Directive. As per our UX standard for datagrid, all the actions buttons should be on the left extreme out title and sort icon.

(See screen shot “Before”). The datatable directive exposes a property called “nonSortable” but it doesn’t work as expected for columns which appears first (See screen shot “Before”). To overcome this I added a invisible column as first column made this one as second column (See screen shot “After”.). Hope this will be useful.

Before

image

After

image

image

Disclaimer: By any means this is not a elegant solution but it works.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s