ziscloud / angular-footable Goto Github PK
View Code? Open in Web Editor NEWThe directive to allow the use of JQuery footable plugin
License: MIT License
The directive to allow the use of JQuery footable plugin
License: MIT License
My table data is populated with ng-repeat and it doesn't work. If I hardcode the data rows, it will work. Not sure if this is a bug, just asking what the intention is.
It`s impossible to bind or evaluate some value in data-page-size attribute.
For example
<table class="table footable" data-filter="#filter"
data-before-filtering="filteringEventHandler" data-page-size="{{2 + 2}}"></table>
will not work.
Any ideas?
Hey,
I've added the footable plugin. The basics work including sortable.
However, pagination isn't working. When I load the page, pagination is not added. After I click one of the sortable-columns, the order changes, and the pagination is added including the pagination-box (with page-numbers).
How's this possible? Am I the only one here?
Greetz
If I change from a base abstract state say "auth" to "main", Footable stops working. If I'm on the same abstract state it continues to work. Like going from main.list2 to main.list1. If I switch from auth.login to main.list1 footable doesn't work only if I refresh the page.
The sorting by clicking the header and toggle-arrow-tiny works nicely normally but doesn't work well when I use ng-repeat like this shown below. I still get the headers with correct text but no sorting or the toggle icons on the headers.
<th ng-repeat="curr_header in headers">{{curr_header}}</th>
Can you please help ?
The problem is described here: http://stackoverflow.com/questions/37423880/how-to-update-angular-footable-values-when-rest-calls-are-made
I'm trying bower install --save angular-footable and am using Angular ~1.3.14. Here's the output I'm getting:
bower angular-footable#* cached git://github.com/ziscloud/angular-footable.git#1.0.1
bower angular-footable#* validate 1.0.1 against git://github.com/ziscloud/angular-footable.git#*
bower angular#~1.2 cached git://github.com/angular/bower-angular.git#1.2.28
bower angular#~1.2 validate 1.2.28 against git://github.com/angular/bower-angular.git#~1.2
bower angular#1.3.14 cached git://github.com/angular/bower-angular.git#1.3.14
bower angular#1.3.14 validate 1.3.14 against git://github.com/angular/bower-angular.git#1.3.14
bower ECONFLICT Unable to find suitable version for angular
Hi!
I was wondering if there will be a release which will work with V3 of footables?
https://github.com/fooplugins/FooTable
Thank you very much!
Hello Everyone,
Hope you are doing well....
I am getting this issue when i deployed build on server. I have checked all the scripts are available in the build.
The most surprising thing is that, it is working fine on my local environment.
please help me out if any one have idea about the same.
Heys guys, first, I will thank you for this great angular control!
At the moment I'm evaluating some table-controls for my application and I stepped over your control, which is very handy.
I got it working with Angular and data from my api, which returns over 800 rows.
If I use data-hide="phone,tablet" to get it responsive, the loadtime will be ver high on my local system (around 5-10 seconds).
Is there any way to only render the rows which are shown and not paginated?
I use ng-repeat to build up the table. Or better, to get the data from the server (sorting and so on will be done at the server side).
Hi,
Firstly, thank you for providing this, it works great! This really isn't an "issue", more of my not being familiar with using plugins with AngularJS. When using angular-footable how would I specify custom breakpoints within the directive?
example:
breakpoints: {medium: 1160}
Thanks in advance.
Ken
Hey,
First of all many thanks for this great improvement, it works like a charm!
Second, and this isn't really an issue but rather a question, and that is when I add the "footable" class to my tables, for some reason the sort icons don't get added to the columns. I can still sort them, but as mentioned the icons aren't there. Maybe it's just me that is missing something?!
Thanks in advance!
Update: I also noticed that the values of the 'th' don't get inserted either on mobile/tablet.
If the column headers using translate, the hidden columns Does not reveal the column label, instead code like {{ 'NAME' | translate }}: ABCD is displayed instead of Name: ABCD when expanded.
Does angular-footable have a feature to only filter the table by specific fields?
Hi
Thank for this awesome plugin.
I am new to angular js. I am trying to us it but it is not working in angular js but working in jquery version.
it work in angular js like this : dafinley.github.io/FooTable/
I want to use hide column in my page
please tell me how to do it in angular js.
When i use data-hide along with ng-repeat in element as below, it is not hiding the columns for mobile and tablet screen size.
<th data-toggle="true"></th>
<th data-hide="phone, tablet" ng-repeat="period in vm.periods | limitTo : 8 : 0">{{period}}</th>
<th ng-repeat="lastperiod in vm.periods | limitTo : 1 : 8">{{lastperiod}}</th>
My intention is here to fetch the column names from REST service and use it along with data-hide for few of them. However i noticed that all columns are appearing irrespective of the screen size.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.