Kibana canvas change column width

[Carlos_Fernando_Palm (Carlos Fernando Palma Roldan)]

Hello there. I am trying to change the width of a column in kibana. The thing is that when I set column count to something other than 1 here :

I end up with something like this:

Looks like in fact all we have is one column.

How can I show the timestamp here in a more comfortable fashion (no multiline)?

[Catherine_Liu]

@Carlos_Fernando_Palm Using the default table element in Canvas as an example, I was able to set a fixed width for the first column using the following CSS.

Expression:

filters
| demodata
| table
| render 
  css=".canvasDataTable__table {
  table-layout: fixed;
  width:100%
}

.canvasDataTable__table th:first-child  {
  width: 185px; 
}"

[Carlos_Fernando_Palm (Carlos Fernando Palma Roldan)]

Hello there, I used the following:

.canvasDataTable__td{
   text-align: left;
   nth-child(1) { width: 20% }
   nth-child(2) {width: 80%}
}

[Catherine_Liu]

@Carlos_Fernando_Palm

.canvasDataTable__td{
   text-align: left;
   nth-child(1) { width: 20% }
   nth-child(2) {width: 80%}
}

That nested syntax doesn't seem to work. This worked for me:

.canvasDataTable__td{
   text-align: left;
}

.canvasDataTable__td:nth-child(1) { width: 20% }
.canvasDataTable__td:nth-child(2) { width: 80% }

[Carlos_Fernando_Palm (Carlos Fernando Palma Roldan)]

You're right, I'm using the following:

.canvasRenderEl{
   text-align:center;
   
}

.canvasDataTable__table {
  white-space: pre-wrap;
}

.canvasDataTable__td{
   text-align:left;
}
.canvasDataTable__td:nth-child(1) { width: 20% }
.canvasDataTable__td:nth-child(2) { width: 20% }