A fixed-header scrollable table which auto-truncates overly-long headers, has resizable columns and sortable headers
npm install angular-scrollable-tableangular-scrollable-table
========================
Yet another table directive for AngularJS.
This one features a fixed header that elegantly handles overly-long column header names.
Other features:
* Scroll to row
* Sortable header with custom comparator functions
* Resizable columns
npm install angular-scrollable-table
OR
bower install angular-scrollable-table
Usage
js
angular.module('myApp', ['scrollable-table', ...]);
`Example
html
Facility
...
{{ proj.facility }}
...
`
where the controller containsjs
$scope.visibleProjects = [{
facility: "Atlanta",
code: "C-RD34",
cost: 540000,
conditionRating: 52,
extent: 100,
planYear: 2014
}, ...];
$scope.$watch('selected', function(fac) {
$scope.$broadcast("rowSelected", fac);
});
})
``Third-party dependencies:
* jQuery
* Bootstrap 3 CSS (for styling, optional. See the 'bootstrap2' branch also)
Demo here: https://jsfiddle.net/alalonde/BrTzg/
More infomation here: http://blog.boxelderweb.com/2013/12/19/angularjs-fixed-header-scrollable-table/
License: MIT
1. How do I change the height of the table?
See here: https://jsfiddle.net/alalonde/qgc2gp7d/2/