Kibana canvas change column width

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)?

@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; 
}"

Hello there, I used the following:

.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% }

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% }

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.