CODEWITHSUNDEEP
javascriptcsstabulator
Fernando Fernandez Cuello
Fernando Fernandez Cuello

Reputation: 13

Adjust tabulator row height in different tables

I have 2 tabulator tables in then same page (#tableC id="Cuentas" and #tableM id="Movimientos") and every table should have differente row height.

I have tried in CCS file

tableC.tabulator-row.tabulator-cell { height:40px;} 
tableM.tabulator-row.tabulator-cell { height:100px;}

and

#Cuentas.tabulator-row.tabulator-cell { height:40px;} 
#Movimientos.tabulator-row.tabulator-cell { height:100px;}

and

tableC.tabulator-row.element.style { height:40px;} 
tableM.tabulator-row.element-style { height:100px;}

and several combinations more, None of them works

If I write

.tabulator-row.tabulator-cell { height:40px;}

if fixes the row height for all the tables in page

How can I do different row height for different tables

Upvotes: 1

Views: 1069

Answers (1)

Florian Callewaert
Florian Callewaert

Reputation: 424

You need to add a space between id selector and class selector.

#Cuentas .tabulator-row { height:10px;} 
#Movimientos .tabulator-row { height:40px;}

Working example: https://jsfiddle.net/FlamFilo/0y2mga6o/3/

See : https://developer.mozilla.org/en-US/docs/Web/CSS/Descendant_combinator

Upvotes: 2

Related Questions