Stack Overflow
Stack Overflow

Questions tagged [footable]

FooTable is a jQuery plugin for wordpress for styling HTML tables on smaller devices.

FooTable is a jQuery plugin for wordpress that aims to make HTML tables on smaller devices look awesome – No matter how many columns of data you may have in them.

Have you ever wanted to show a lot of data in a table, but hate how badly it scales on smaller mobile devices? The FooTable jQuery plugin solves this problem by allowing you to hide certain columns on smaller devices, but still allowing the user to expand each row to see the columns that were hidden.

Link: http://fooplugins.com/plugins/footable-jquery/

237 questions
3
votes
1 answer

Meteor 0.8 Blaze how to update rendered changes for Jquery plugins

My question is how to get 1 event or rendered callback when a group of elements are updated in the DOM? If I follow the link in the Blaze wiki https://github.com/avital/meteor-ui-new-rendered-callback this is not what I want. If I follow the second…
richStorm
  • 33
  • 6
3
votes
0 answers

How to make footable work with handlebar

The code I am working with is using handlebar.js to create tables. Now I want to make it responsive using footable. However, footable does not work... probably it does not recognize the table headers inside script tag. My code looks like this
matrix
  • 3,000
  • 3
  • 24
  • 35
3
votes
3 answers

How to limit the page numbers displayed in the table footer in footable

How to limit the page numbers displayed in the table footer, if i had 1000 rows and and data-page-size is 10 then it giving many page numbers in the footer. so is there any data-attribute there to mention only show some page numbers something like…
Sekhar Babu
  • 368
  • 2
  • 8
  • 27
2
votes
2 answers

Access td with class on row open

I have a footable . When I click on the plus to expand a row I want to access with jQuery the yellow elements: If I inspect the element the DOM looks like that after the click:
…
Adam
  • 25,960
  • 22
  • 158
  • 247
2
votes
0 answers

Sort Footable column by computed values from other columns

I'm using the jQuery footable plugin to display tabular data. I am familiar with using the sortValue parameter to sort my columns based on integer vals etc. Imagine a table with three columns: Amount | Days | AVG I calculate the AVG per Day by…
unit303
  • 71
  • 7
2
votes
1 answer

Yii2: GridView Sorting removed from column header

[ 'header' => Yii::t('app', 'Price') . ' usd.', 'contentOptions' => [ 'class' => 'text-right'], 'attribute' => 'price', 'format'=>['decimal',2], 'headerOptions' => ['data-type'=>'number'], ] I need view formatting money, but it…
Nikita Shahov
  • 281
  • 2
  • 11
2
votes
1 answer

Footable shows 01.01.1970 for null values

I'm trying to sort a FooTable table on a date column which also has null values, outputted as empty strings. I have included moment.js before footable and footable.sorting in my HTML. My null values are displayed and sorted as 01.01.1970. There are…
sjur
  • 53
  • 1
  • 4
2
votes
0 answers

How do I make my script run when the content of my app changes?

Hello I want to implement in my mobile application (I use the ionic framework) some kind of data table and I was looking at the footables. When I use a footable in the index of my application works, but when it changes to other pages the tables of…
Christopher Santelices
  • 21
  • 3
2
votes
1 answer

Footable Sorting by incomplete line

In my table, the lines are form: 97.5%, 10/30, 41 RPM, 3.6 seconds, $4750, $100 If I set the type data-type = "number" in the rows everything is removed…
Pavel Fedorov
  • 153
  • 1
  • 2
  • 9
2
votes
2 answers

footable, how to display "sorted" icon after the loading of the page?

I use the excellent "footable" plugin. I can sort the table by clicking on the header, but how to tell to "footable" : sort this table with this column just after the page is loaded ? I tried with this keyword : data-sort-initial, without success : …
Dom
  • 2,984
  • 3
  • 34
  • 64
2
votes
3 answers

Change the limit of rows in a Footable table?

I am doing a query in postgresql that retuns me more than 160 registers. When I try to put the data into a footable table, it only shows 10 rows and nothing more. I tried to add the property in table tag called data-page-size="10000" or…
Danielson Silva
  • 178
  • 3
  • 13
2
votes
1 answer

footable js removes all form elements in the table

I have implemented a responsive table with the help of footable jquery library. Now i have placed input tags, select box in it. Footable js removes all these tags and make it an empty
.
Mustafa.B
  • 159
  • 2
  • 13
2
votes
1 answer

How to update Angular-footable values when rest calls are made?

On the ng-init of my controller, I grab all the data that I want to show on my table through a rest call. Below follows the code: tableService.getList(function(response) { $scope.back = response …
Gabriel
  • 952
  • 10
  • 31
2
votes
1 answer

FooTable with ReactJS (How can I call jQuery plugin from ReactJS component?)

I'm switching from Non-ReactJS application, which is mostly using jQuery, to ReactJS. This migration is no problem so far but my application was used "FooTable jQuery…
zono
  • 8,366
  • 21
  • 75
  • 113
2
votes
2 answers

Footable and capturing the expand row event

I have searched for any reasonable help on this and I keep coming back to the same comments. Namely not very good documentation. I am about to use the jquery plugin fooTable which converts a normal html table to something pretty and usable. It is…
Neil W
  • 77
  • 2
  • 6
1
2
3
…
15 16