Wrapping text in cells for SQL Visuals

When using the SQL Visual you may notice that text automatically doesn’t wrap within the cell.

You can apply this CSS to help wrap the text contents of your cells:

.custom-text-wrap table.dataTable.nowrap td  {
    white-space:normal;
}

After applying the CSS you should see the text wrapped as expected. Also note that “custom-text-wrap” is just a self defined custom class name for this particular CSS and will ensure that it will only apply to the scope of this particular Visual.

If you have more complicated use-cases and need additional Table customizations, I would also take a look at using the Tabular Visual instead.

1 Like