Skip to content

README.md

Latest commit

 

History

History
31 lines (26 loc) · 1.42 KB

README.md

File metadata and controls

31 lines (26 loc) · 1.42 KB

Knockout Simple Sortable Gird

Knockout Simple Sortable Gird is enhanced version of Knockout Simple Grid found at [http://knockoutjs.com/examples/resources/knockout.simpleGrid.3.0.js] In addition to the existing features this supports Sorting and it also uses Font Awesome icons which is optional user can provide their own class for sort icon. Also sorting can be enabled and disabled by simply changing attribute/property values

Sample

var PagedGridModel = function (items) {
    this.items = ko.observableArray(items);
    this.gridViewModel = new ko.simpleSortableGrid.viewModel({
        data: this.items,
        columns: [
            { headerText: "Item Name", rowText: "name", isSortable: true },
            { headerText: "Sales Count", rowText: "sales", isSortable: true },
            { headerText: "Price", rowText: 'price', isSortable: true }
        ],
        pageSize: 5,
        cssTableClass: 'table table-striped table-hover',
        sortByClass: 'yourClassName',
        sortByClassAsc: 'yourClassNameAsc',
        sortByClassDesc: 'yourClassNameDesc',
    });
};

Change the property isSortable to true to enable sorting.

Setting pageSize to 0 disables pagination.

Also if user want to change the default sort icon to be change. Update the sortByClass, sortByClassAsc and sortByClassDesc property values