i have a list of rows
and i want to show the content of a row when clicking on it
i did it using Panel and Collapse of antd but i am not really satisfied
and i am looking for a solution using Table: expand table rows when clicking on the header ( i found "expandable" an attribute of antd Table but its related to expandable rows and its not really what i want)
Related
I need to make a table with two multi-select columns that will be separate from each other, and now when I add a second column they are still linked together, you can see this in the example by clicking on the checkbox https://codesandbox.io/s/xenodochial-architecture-5c2rqr?file=/src/App.js
I want to access all rows after anyone filters a data after lookup selection.
For example, here I should get second row data after istanbul is selected. Is there any functionality resonating the feature of what we can call as "onLookupChange" in Material Table?
I have been trying for a while to create a table with expandable rows. And in the expandable row, i wanted to display a table with header and row data.
I tried different modules like Material-UI Table and material-table.
I can display a card for e.g., in the expandable row. But not a table with .
Does anyone know how to do this in react js?
thanks in advance
How to delete the columns in ag-grid table using column Id in reactJs?
Use setColumnVisible(colKey, visible) in columnApi. It Sets the visibility of a column. colKey can be the column id or Column object. visible is a boolean, true to show, false to hide. I don't think you can remove a column, but you can hide or show it.
Refer documentation here - https://www.ag-grid.com/javascript-grid-column-api/
I am new to Angular and I am now learning about directives.
I have created a directive that will create a table.
You can sort the table by clicking on the header arrows.
You can also edit/delete a row by clicking on the action button.
The problem with my table is that when the rows are sorted by some column,
and I edit an item under that column, the table resorts because of the changed data. Thus my currently editting item moves to another row and the current input fields contain a different one.
For example, if I sorted the table by visits, and then I edit a visit data in a row,
changes to :
How can I maintain the current order of the rows during edit,
and only allow resort when I click on the apply button (check) ?
You can copy the model which will be edited during editing. And in your save function, update the actual model in table list.