Delete row on page which is not visible

[patrickParticipant]

Hi,

Is it possible to delete a row that is on a page which is not visible. As an example if i set pageSize to 20, have 40 rows in the table and currently on page 1, then try to delete any row above 20 I get a TypeError: Cannot read property ‘seleected’ of undefined.

Is it possible to delete a row on a page not currently visible, preferably without changing the page.

Thanks

[ivailoParticipant]

Hi patrick.fay,

In your case you are trying to delete row that is not defined. If this row has been created before, it will be possible to delete it.
So, try this workaround :
– initialize the DataTable as pageable: false,
– when the DataTable is initialized set pageable:true with your preferred pager’s settings
With this workaround, you will create all the rows and it will be possible to delete each of them.

Here is a demo.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[patrickParticipant]

Hi Ivailo,

Your solution works but only when the rows are added before pageable set to true. How can this be achieved when rows are added dynamically as per demo.

Regards

[ivailoParticipant]

Hi patrick.fay,

You can use the same approach – when the rows are created set pageable:false and immediately revert to pageable:true.
Here is a demo.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[patrickParticipant]

Thanks Ivailo

[Author]

Posts