How to apply CSS styling to AUI RESTful table columns

[Holger Schimanski]

I want to add some CSS style to my AUI RESTful table e.g. column width.

How can I do that? How can I add styling or CSS classes to a AUI RESTful table?

Any idea welcome!
Holger

[Aleks Yenin (Polontech) · Accepted solution]

<style>
	#project-config-versions-table td {
		background: yellow;
	}
</style>
 
<table id="project-config-versions-table"></table>

In this case all cells in your table would have yellow background color. This way you can specify all styles you need.

[Holger Schimanski]

I want to style a certain column, but that column has no id or name given. How to set e.g. width for column which contains an input field which id is "name"?

[Aleks Yenin (Polontech)]

If You know index of column - you can use this

#project-config-versions-table tr td:nth-child(2) {
  	background: green;
}

See more how it works here: 

https://jsfiddle.net/ogepnktf/

[Holger Schimanski]

Yes, td:nth-child(2) works fine. Thanks a lot!

[Volodymyr Krupach]

Page on which you have RESTFULL table should include your custom webresource which includes CSS file where you define custom styles.