ovh-angular-checkbox-table
v0.1.2
Published
Multi checkbox management for table
Downloads
3
Maintainers
Keywords
Readme
OVH checkbox table
Example
angular.module("app", ["ovh-angular-checkbox-table"]);
<table class="table table-pretty table-hover table-striped">
<thead>
<tr>
<th class="text-center" style="width: 35px;">
<input type="checkbox"
data-ovh-checkbox-table
data-ovh-checkbox-table-ids-all="table.myAllIds_canBeFiltered"
data-ovh-checkbox-table-ids-page="table.myIdsOnCurrentPage"
data-ovh-checkbox-table-ids-selected="table.myIdsSelectedByCheckbox"
data-ovh-checkbox-table-id="id" />
</th>
<th>
name
</th>
</tr>
</thead>
<tbody data-ng-hide="table.myAllIds_CAN_NOT_BE_Filtered">
<tr data-ng-repeat="myData in table.myIdsOnCurrentPage">
<td>
<input type="checkbox" data-ng-model="table.myIdsSelectedByCheckbox[myData.id]"
name="{{::'prefix_' + myData.id}}" id="{{::'prefix_' + myData.id}}">
</td>
<td data-title="name" class="word-break">
<label for="{{::'prefix_' + myData.id}}"
data-ng-bind="::myData.name">
</label>
</td>
</tr>
</tbody>
</table>
Installation
Bower
bower install --save ovh-angular-checkbox-table
NPM
npm install --save ovh-angular-checkbox-table
Get the sources
git clone https://github.com/ovh-ux/ovh-angular-checkbox-table.git
cd ovh-angular-checkbox-table
npm install && bower install
You've developed a new cool feature ? Fixed an annoying bug ? We'd be happy to hear from you !
Have a look in CONTRIBUTING.md
Run the tests
npm test
Please note :
ovh-checkbox-table : directive
ovh-checkbox-table-ids-all="table.myAllIds_canBeFiltered" : array (string, int UNIQUE) of ids. Can be filtred
ovh-checkbox-table-ids-page="table.myIdsOnCurrentPage" : array (object) ids detail
ovh-checkbox-table-ids-selected="table.myIdsSelectedByCheckbox" : array (object<id, true>) of selected line by checkbox
ovh-checkbox-table-id="id" : (string) unique key of ids detail
data-ng-model="table.myIdsSelectedByCheckbox[myData.id]"
Related links
- Contribute: https://github.com/ovh-ux/ovh-angular-checkbox-table
- Report bugs: https://github.com/ovh-ux/ovh-angular-checkbox-table/issues
- Get latest version: https://github.com/ovh-ux/ovh-angular-checkbox-table
License
See https://github.com/ovh-ux/ovh-angular-q-allSettled/blob/master/LICENSE