Dynamic HTML Table

Dear All,

How to make dynamic HTML Table with html5, CSS and Javascript with requirement below.
1. table and number ID in table increase automatic when add data
2. can delete, edit row
3. have button search for search all data in table
4. can sort data
5. can view number of rows per page.
arkam chouAsked:
Who is Participating?
 
Tom BeckCommented:
Don't waste your time trying to re-invent the wheel. Look at jQuery Datatables. There are extensions available to allow for row editing, filtering, reordering, pagination, adding rows, etc. Lots of examples.
0
 
arkam chouAuthor Commented:
Hello Tom Beck,

Thanks you very much. you help me a lot of this.
0
 
arkam chouAuthor Commented:
Thanks you very much for your resource.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
Tom BeckCommented:
You are welcome. Glad to help. Thanks for the points.
0
 
arkam chouAuthor Commented:
Hello Tom Beck,

I want to change some of code from their example. Does any tool that let me which CSS and Javascript is using for the page below or any tool that can track the process when I click on "Add new row" Button.
http://www.datatables.net/examples/api/add_row.html
0
 
Tom BeckCommented:
You can step through code using the Firebug add-on for Firefox. You should however re-create the example using an un-minified version of datatables.js or it will be very difficult to follow. Open the page from the Script tab in Firebug and put a breakpoint where the "add a row" code begins (around line 28 on the example). You add breakpoints by clicking the space to the left of the line number. Now click the "Add a Row" button on the page and the code execution will stop at the breakpoint. Use the Step Into, Step Over and Step Out icons to step through the code.
0
 
arkam chouAuthor Commented:
Thanks Tom Beck,
This tool is help me too but it hard to me to catch with the javascript. does you know any tool?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.