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/
Related
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)
I am using nested tables, in ant design. If I select a row in the top-level table, It should select all the values in nested tables for that row. If I deselect any one of the rows in the nested table it should deselect the row in the top-level table.
I am trying to use the state to control but could not be able to manage all the cases
this is code https://codesandbox.io/s/nested-tables-antd-4-21-7-forked-9u713r?file=/demo.js
try to add checkStrictly: false to rowSelection object
const rowSelection = {
selectedRowKeys,
checkStrictly: false
};
What I Have
I'm using "material-table": "1.67.1" sample image for show what I
need to do
What I Need to Do
I need to change columns in the table when i select dog from the drop
down already in the table using react js. as an example when i select
Dog i need to allow user to edit only two columns and when i select
cat i need to allow user to edit only one column.
Found the answer!
I used editComponent prop in material table with dropdown and then I used it's on change method to do the above task.
I have a table with 5 columns and one of it's column say "Status" has only two values "Old" or "New". How do i show checkbox in column "Status" if value is "New.
If value is "old" checkbox should not be visible. I'm using angularjs.
if small example provided, it will be easy for me to understand.
thanks
I can hide a table with no data by using this function in the visibility expression - =Iif(CountRows() > 0, false, true)
But I have a textbox used as a heading for the table.
How do I hide the textbox if the table relating to it has no data?
Thanks
=iif(countRows("DataSet2") > 0, false, true)
Where DataSet2 is the name of your dataset. This is because you are now informing the expression to Count the Rows in DataSet2. As no rows exist, it is set to hidden.
Further information...
Is the heading for the table adjacent to the table? Are you aware you can add rows above a table to provide extra heading information?
For example you can Right Click the Row Header, Select Insert Row -> Above and a new Row appears. You can then merge the cells horizontally, and set a title for the table (for example)
Now when you set the table to be hidden, this header row is also hidden automatically.
I'm not sure this is applicable to your situation, but I thought it might be useful to add, to reduce the complexity of your report, if you were unaware of the possibility