CSS-Tricks/The-Printliminator

Remove a column or a row from a table.

ooredroxoo opened this issue · 2 comments

Hi,
Would be nice to have a way to remove an whole column or a row from a table.

Thinking now would be two more buttons that would have this functions, so when clicking over a cell they would loockup for the parent row in the rows case and hide it, or all the way up getting a reference of all rows to loop in each removing the cell at the index of the column that should be removed.

Would be a awesome addition.

You can currently get rid of a row. It's just sometimes hard because the row might not have any padding of it's own so it's hard to get the mouse over a point where you're over the row and not a particular cell. Same issue with any no-space parent. Not sure there is a good simple solution. Perhaps some future feature where you can select a parent element from a click on a child somehow. I'm going to close this though as it's not really a bug.

@ooredroxoo The latest version (v3.1.0) includes keyboard keys that allow you to traverse the elements (parent, first child & next/prev sibling). See the screenshot in the readme for a better description.