On page form display
On page form display
Hello,
I like this blogpost: https://datatables.net/blog/2017-06-30 and want to use it in my own website.
I want to use it in a modal when I click on an edit button on my screen. So I get a bootstrapmodal where I want to place this form. I almost got it running but it doesn't show any records and when I click Add new record my modal closes.
I made the example in a different standalone html page and it works as described in the blog, but when I copy it to my body of the modal it doesn't work anymore.
What can be wrong?
This discussion has been closed.
Replies
Hi,
I don't quite understand the link between the blog post and a modal. The point of the blog post was to have no modal - the form would be shown without one. Or do you mean you want a table and and editing panel inside a modal?
Could you link to your page so I can see what you've got?
Thanks,
Allan
Hello Allan,
website is on local net only. Yes I have a list with items and an edit button behind them and when clicked on one, it should open a modal where this example as mentioned in the blog post should work. I have this already, but no data is shown and when I click on Add new the modal closes and goes back to my 1st form.
Thank you.
Noël
I still don't really get it I'm afraid. The point of the blog post is that there is no model when clicked on.
Can you publish the page you are working on to the web please? I'd need to be able to see it to understand what is happening.
Thanks,
Allan
Hello Allan,
I made the page public: http://31.149.45.110:9090/qmanager_v3/settings_touchscreen.php
When you click on a button "Bewerk" it gives the modal where you should be able to add/delete/edit the time that the desired button where you clicked "Bewerk" should be visible. No data is shown and when you click Add in the modal, the modal closes.
Can you let me know when you had a look at it, so I can get the page offline again.
Thanks in advance.
@Allen:
on this page it works: http://31.149.45.110:9090/qmanager_v3/settings_ts_visible.html
I copied everything and tried to make it work in the modal...
There is a Javascript error happening on the page:
It looks like DataTables hasn't been included on that page.
Regards,
Allan
Hello Allan,
It is included on the page. I included dataTables.editor.min.js in the header page I include on every page. Where do you see this error? When I use the F12 functions in the browser it shows that dataTables is included.
I hope you can explain to me.
Thanx.
Thank you Allan,
I fixed it.
It was the ordering of loading the scripts....
Many thanks for pointing me in the right direction.
Regards,
Noël
hey guys i have a problem here that i am unable to align header and body if i have more than one fixed header data table on same page.
Happy to take a look at a test case showing the issue.
Allan