https://github.com/cornflourblue/angu-fixed-header-table

AngularJS fixed header scrollable table directive
https://github.com/cornflourblue/angu-fixed-header-table

Last synced: about 2 months ago
JSON representation

AngularJS fixed header scrollable table directive

• Host: GitHub
• URL: https://github.com/cornflourblue/angu-fixed-header-table
• Owner: cornflourblue
• License: mit
• Created: 2014-06-03T01:53:54.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2018-03-19T11:42:25.000Z (over 6 years ago)
• Last Synced: 2024-07-26T04:21:05.902Z (2 months ago)
• Language: JavaScript
• Homepage: http://pointblankdevelopment.com.au/blog/angularjs-fixed-header-scrollable-table-directive
• Size: 16.6 KB
• Stars: 67
• Watchers: 11
• Forks: 43
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
angu-fixed-header-table

=======================

An AngularJS fixed header scrollable table directive

### Demo

To see a demo and further details go to http://pointblankdevelopment.com.au/blog/angularjs-fixed-header-scrollable-table-directive

### Installation

#### NPM

`npm install angu-fixed-header-table`

#### Bower

`bower install angu-fixed-header-table`

Alternatively download the code and include the angu-fixed-header-table.js file in your page.

### Integration with your AngularJS app

Add the 'anguFixedHeaderTable' directive as a dependency of your AngularJS application:

```javascript

angular.module('myApp', ['anguFixedHeaderTable']);

```

### Usage

Simply add the *fixed-header* attribute to any tables you'd like to have a fixed header:

```html

...

```

The table height can be set using CSS on the table element or by adding a *table-height* attribute to the table element eg: table-height="500px".