Vue.js Table
- or -
Post a project like this2151
$
- Posted:
- Proposals: 4
- Remote
- #2012181
- Awarded
Description
Experience Level: Entry
Hi,
This is to be done in Vue.js and I dont care about ay CSS. Please take a look at this piece of code: https://codepen.io/legoflust/pen/VxGpxv
What i need is when you CLICK ON A ROW:
1. The table decreases in size (width-wise)
2. Side panel slides in from the right hide side and stays on the right hand side of the table. (taking up the space that got freed up by the table decreasing)
3. In that side panel, I want the exact same information from the row you clicked on. So ID, name etc.
4. Be able to close that side panel with an 'x' button (this will also revert table back to normal size) (side panel always stays open unless x is clicked)
5. If you click on a different row while the sidepanel is open, it will change the information in the side to the current row you clicked on.
6. A working search function
Please let me know if you have any other questions
This is to be done in Vue.js and I dont care about ay CSS. Please take a look at this piece of code: https://codepen.io/legoflust/pen/VxGpxv
What i need is when you CLICK ON A ROW:
1. The table decreases in size (width-wise)
2. Side panel slides in from the right hide side and stays on the right hand side of the table. (taking up the space that got freed up by the table decreasing)
3. In that side panel, I want the exact same information from the row you clicked on. So ID, name etc.
4. Be able to close that side panel with an 'x' button (this will also revert table back to normal size) (side panel always stays open unless x is clicked)
5. If you click on a different row while the sidepanel is open, it will change the information in the side to the current row you clicked on.
6. A working search function
Please let me know if you have any other questions
Alex C.
100% (11)Projects Completed
12
Freelancers worked with
12
Projects awarded
50%
Last project
23 Aug 2018
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies