Configure defaultSort per column

[fracz]

One should be able to set the defaultSort on column basis.

I.e. I want to sort dates descending and names ascending by default.

<td data-title="'Name'" sortable="'name'" default-sort-direction="asc"></td>
<td data-title="'Date'" sortable="'date'" default-sort-direction="desc"></td>

[christianacca]

Funny I was putting together a codepen demo of how to programatically change sort order and it showed how you can apply a default sort direction to each column.

You might be able to use some of the ideas to achieve what you want.

[fracz]

@christianacca, this is not exactly what I need here. I need to define a default sort direction for column.

Suppose you have ng-table with no sorting applied. When users clicks "Name" column, it should be sorted ascending first. On the second click - descending.

When user clicks "Date" column, it should be sorted descending firts and then - on the second click - ascending.

Now, I'm able to choose whether default sort should be asc or desc, but I can do it only for all columns at once.

[christianacca]

Try playing around with the demo a little more as it does allow you to define a different sort direction for each column independently.

Below shows that age is being sorted desc by default and name by asc:

[lanceonken]

@christianacca Thanks for the codepen demo laying out both ngTable and dynamic versions.

Looking to implement a feature which allows columns to be shown/hidden. The dynamic column approach works but needing take control over rendering of table cells (demo33) results in the table definition essentially being duplicated as each td needs to be again specified.

Issue 546 asked about accessing $columns from controller might allow the entire ngTable definition to exist in the html and have the js controller access the columns.

TLDR: Is there a strategy for configurable columns using ngTable? If ngTableDynamic, is there an approach to DRY up the table definition when needing control over the cells?

[lanceonken]

I think the trick is using bind-html-compile.
<td ng-repeat="col in $columns"><div bind-html-compile="col.content"></div></td>

Then in the js column definition add a field such as content with the desired directive.
{ field: "name", title: "Name", sortable: "name", sortDirection: "asc", show: true, content: $sce.trustAsHtml('{{something | filter }}'), },

[georgmu]

Is there a chance that this get merged when the conflicts are resolved?

I manually did the 3 changes of #804 and it works fine (except that parsedAttribute('defaultSort') should be parsedAttribute('default-sort') ).

If there is a chance of merging, I would create a new pull request which applies on master.

[christianacca]

Hi @georgmu, if you create another PR with some unit tests to support the change I'll be happy to merge...