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?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

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

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
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
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook 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
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.