I'm trying to make an add button (NOT a toolbar button), so when you click on it, a new row is added to the bottom of an already existing table.
Any idea how to do this? Should it just be a button that calls a add-row-function or should it be added to the table plugin (not sure how to add it to the plugin)
Just add the 'tabletools' plugin and you'll have this feature for free. You only need to right-click on a table row.
http://ckeditor.com/addon/tabletools
Related
Are there any ways to expand the table data to show more rows. The official Ant design document was not very helpful for this requirement as they have the instance only for the row expansion. But I need to expand the whole table upon clicking on some sort of "Show More" like button. Really appreciate the help.
Table before expansion
Table After clicking on the Show More Button
First make hidden the part you want to show with clicking and use hooks for that, such as true and false.
You can add values to table and remove with toggle logic like vanilla js
I am using http://bootstrap-table.wenzhixin.net.cn - plugin for a project of mine and I want to add a bootstrap button to the card view of this plugin which is anchored to an email address retrieved from the database. Though I know how to add the anchor, I am unable to get the button to appear in every card.
I'm trying to transform a row of my table in a form by clicking a button. My problem is the table uses Datatables plugin, and I would like to disable the script (filtering, sorting ecc.), and reactivate it after submit.
I was trying now to use bDestroy while starting a new istance with filtering and sorting disabled, but I would like to totally disable the script, because it may create new issues to my script.
The function I was looking for is fnDestroy(), then you can reinitialize the table when you want, in my case on submit or cancel the form
Only way to add new row to jqgrid using inline editing is to use use jqGrid 4.3 inline navigator add button.
However in this case formatter actions save and cancel buttons are not available.
Also as desxcribed in Oleg comment in How to add toggle button from jqgrid toolbar to autogenerated context menu if other row has selected and inline edit is terminated, row still remain in edit mode.
How to synchronize formatter actons and online navigator buttons: pressing add, edit in toolbar or edit formatter action button or double clicking in row starts online edit. Save and cancel buttons in both places terminate online edit.
I have a form builder app where i can click to add a new field and also click to add whole sections that contain fields / lines. I can also drap and drop to re-order the fields in a section and the sections them selves and also drap fields between sections.
Problem is that when i clone a section and then try to drag and drop a field into it from another existing section it doesnt drop untill i save the form and then drag into the new section.
I use .clone() to clone a section then insertAfter() to add the new section, then i use jqueryui drag and drop and between sections and jqueryui sortable to sort.
It seems when i add a new section its not being added to the dom so i cant drop into it ??
any help please??
thanks
rick
jQUery UI dropable / dragable uses bind, which load all existing elements, but dosent listen to new elements added after the create method.
Could you try to use the destroy functionm and then recreate the widgets to see if it helps (also explains why it works on page refresh).
You could also bind it to LIVE, which then also bind new elements. But it might have some drawbacks like editing the plugin code and so on.