wootapa / watable

A jQuery table plugin with sorting, paging, filtering.
https://oweitman.github.io/watable/doc/index.html
MIT License
293 stars 101 forks source link

Page numbers shown even when we have data for just 1 page #10

Closed emaillenin closed 10 years ago

emaillenin commented 10 years ago

Watable Version: 1.07, Browser - Firefox 25.0

With all required dependencies.

Code:

function getData(){var e={sNo:{index:1,type:"number",friendly:"<i class='icon-user'></i>",format:"<a href='#' class='userId' target='_blank'>{0}</a>",unique:true,sortOrder:"asc",tooltip:"This column has an initial filter"},agentName:{index:2,type:"string",friendly:"Agent Name"},lastUpdated:{index:3,type:"string",friendly:"Last Updated"},unixEpoch:{index:4,type:"number",friendly:"Unix Time",tooltip:"Used for sorting"}};var t=[];var n=1;while(n<=3){var r={sNo:n,agentName:"India Vs WI",lastUpdated:"3 seconds ago",unixEpoch:43098398};t.push(r);n++}var i={cols:e,rows:t,otherStuff:{thatIMight:1,needLater:true}};return i}$(document).ready(function(){var e=$("#div1").WATable({types:{string:{},number:{decimals:1},bool:{},date:{utc:true,datePicker:true}},actions:{filter:true,columnPicker:true,custom:[$('<a href="#" class="refresh"><i class="icon-refresh"></i> Refresh</a>'),$('<a href="#" class="export_all"><i class="icon-share"></i> Export all rows</a>'),$('<a href="#" class="export_checked"><i class="icon-share"></i> Export checked rows</a>'),$('<a href="#" class="export_filtered"><i class="icon-share"></i> Export filtered rows</a>')]},tableCreated:function(e){console.log("table created");console.log(e)},rowClicked:function(e){console.log("row clicked");console.log(e);if($(this).hasClass("userId")){e.event.preventDefault();alert("You clicked userId: "+e.row.userId)}},columnClicked:function(e){console.log("column clicked");console.log(e)},pageChanged:function(e){console.log("page changed");console.log(e)},pageSizeChanged:function(e){console.log("pagesize changed");console.log(e)}}).data("WATable");var t=getData();e.setData(t);var n=e.getData(false);var r=e.getData(true);var i=e.getData(false,true);$("body").on("click",".refresh",function(t){t.preventDefault();var n=getData();e.setData(n,true)});$("body").on("click",".export_checked, .export_filtered, .export_all",function(t){t.preventDefault();var n=$(t.target);var r;if(n.hasClass("export_all"))r=e.getData(false);else if(n.hasClass("export_checked"))r=e.getData(true);else if(n.hasClass("export_filtered"))r=e.getData(false,true);console.log(r.rows.length+" rows returned");console.log(r);alert(r.rows.length+" rows returned.\nSee console for details.")})})

See screenshot below:

screen shot 2013-11-10 at 7 56 09 pm

wootapa commented 10 years ago

You are using 3.

wootapa commented 10 years ago

Bootstrap 3.

emaillenin commented 10 years ago

The dependencies says "Twitter Bootstrap 2+" so Bootstrap 3 should be valid :)

Thanks, Lenin

On Sun, Nov 10, 2013 at 10:32 PM, Andreas Petersson < notifications@github.com> wrote:

Bootstrap 3.

— Reply to this email directly or view it on GitHubhttps://github.com/wootapa/watable/issues/10#issuecomment-28154718 .