Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/brandon-barker/angular-floatThead below:

brandon-barker/angular-floatThead: A very simple AngularJS wrapper around the awesome floatThead library

angular-floatThead is a very simple wrapper around the awesome floatThead library by @mkoryak

$ npm install angular-float-thead

$ bower install angular-float-thead

1. This is just a wrapper over the original jQuery floatThead library, so first make sure you have the main library installed as per https://github.com/mkoryak/floatThead

2. Include angular-float-thead as a dependency for your app after running bower install

angular.module('myApp', ['floatThead'])

1. Specify float-thead on your table element and optionally pass through a floatThead object as a parameter, eg: <table float-thead="floatTheadOptions">

2. Add floatTheadOptions to $scope on your controller

$scope.floatTheadOptions = {
    scrollingTop: 60,
    useAbsolutePositioning: false
  };

1. If you want the directive to reinitialize when your tables data changes then specify an ng-model on your table and it will watch the collection/object and call 'reflow' when the data changes.

for eg:

<table float-thead="floatTheadOptions" ng-model="collectionOrObjectToWatch">

You can pass through additional attributes to the directive to modify the behaviour:

Pass through a boolean value or scope object to enable/disable the floatThead library

You can use this to implement a toggle button or to delay the initialization of the library

<table float-thead-enabled="test.enabled" ... >

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4