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?harri– harri2019-05-21 08:16:35 +00:00Commented May 21, 2019 at 8:16
-
working perfect Thanks @V KorotunMageCurious– MageCurious2022-05-31 12:49:56 +00:00Commented May 31, 2022 at 12:49
<column name="your_column">
<settings>
<label translate="true">Your Column</label>
<fieldClass>
<class name="your_css_class">true</class>
</fieldClass>
</settings>
</column>