asked on

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.

ASKER CERTIFIED SOLUTION

Tom Beck

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

arkam chou

ASKER

Hello Tom Beck,

Thanks you very much. you help me a lot of this.

arkam chou

ASKER

Thanks you very much for your resource.

Tom Beck

You are welcome. Glad to help. Thanks for the points.

arkam chou

ASKER

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

Tom Beck

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.

arkam chou

ASKER

Thanks Tom Beck,
This tool is help me too but it hard to me to catch with the javascript. does you know any tool?