Table pageable option doesn't work

[cpuinParticipant]

I have the following table which pageable option doesn’t work, instead it scrolls…

$("#saleTable").jqxDataTable(
	                    {
	                        width: 1000,
	                        height: 380,
	                        pageable: true,
	                        pagerButtonsCount: 10,
	                        source: dataAdapter,
	                        filterable: false,
	                        filterMode: 'simple',
	                        editable: true,
	                        editSettings: { saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: true, cancelOnEsc: true, saveOnEnter: true, editSingleCell: true, editOnDoubleClick: true, editOnF2: true },
	                        showAggregates: true,
	                        aggregatesHeight: 60,
	                        columnsResize: false,
	                        altRows: true,
	                        rendered: function () {
......

[MariyaParticipant]

Hi cpuin,

Please take a look at the provided example at: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdatatable/javascript-datatable-paging.htm?arctic
I hope it would be helpful. If you are having other questions, provide us with a full example using: https://www.jseditor.io/

Best Wishes,
Mariya

jQWidgets Team
http://www.jqwidgets.com

[cpuinParticipant]

Thank you Maria.
After reviewing the code probably the right question is: “How to make switching of the page after less than 10 rows.I want to switch to another page after the 7th row”?

[MariyaParticipant]

Hi cpuin,

You can use the ‘pageSize’ property set to the number of the rows you want to show in one page. Take a look at the provided example at: http://jsfiddle.net/jqwidgets/pd6bg/

Best Wishes,
Mariya

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts