CSS Styling to Match Widgets

Hi,

What CSS format gets the Table View node closest to the new widgets?

After significant trial and error, I’ve got something that feels almost right, but it’s not quite there:

.knime-title {
color: #4d4d4d;
font-weight: 600;
font-size: 16px;
font-family: “Roboto Condensed”, sans-serif;
padding-bottom: 1em;
}

.knime-table-info{
display: none;
}

.knime-table-cell{
color: #666666;
font-weight: 100;
font-family: “Roboto Condensed”, sans-serif;
background-color: white;
}

.knime-table{
border-style: solid;
border-width: thin;
border-color: #666666;
}

@DanielBog, any suggestions?

Hey,

if we are only looking at the style attributes you are already very close. Here are the actual values we are using:

.knime-table-cell.knime-table-header {
  color: #3e3a39;
  font-weight: 700;
  font-size: 16px;
  font-family: “Roboto”, sans-serif;
}

.knime-table-cell{
  color: #000000;
  font-size: 13px;
  font-weight: 300;
  font-family: “Roboto”, sans-serif;
  background-color: white;
}

.knime-table{
  border-style: solid;
  border-width: thin;
  border-color: #666666;
}

But it still does not feel right. There are a lot of small things you still would need to style like the pagination, the sorting icons, the entire controls.
Have you already tried out the new Table View we released as a labs extension with 4.6.0? It should fit in much better with our widgets. (Table View – KNIME Hub)

Greetings,
Daniel

1 Like

I did, but I didn’t see a way to format the table exactly the way I wanted (see below for what the table looks like in my composite view)

Ah, I see. We are currently working on a slimmed down version of the new table view, which is probably more suitable for your use case. I will update this thread as soon as this version is ready, so you can try it out.

Best regards,
Daniel

1 Like

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