I need to add some css rules to one of the columns of my custom admin ui grid. Is there a way to add css class to it from listing xml file?
2 Answers
Sure, just add "fieldClass" property to the column configuration:
<column name="column_name">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="fieldClass" xsi:type="string">your-css-rule(s)</item>
</item>
</argument>
</column>
-
How about if you want a dynamic class based on the value or just the value of the column?– harriMay 21, 2019 at 8:16
-
<column name="your_column">
<settings>
<label translate="true">Your Column</label>
<fieldClass>
<class name="your_css_class">true</class>
</fieldClass>
</settings>
</column>