change the height of a cell/row

Hi,

I need your help.

How do I proceed when I want to change the cells/rows height with the CSS editor for table view note?

Maybe I also want to influence the distance between the character and the separator line. If that is possible?

I managed to get the font sizes and background colors via CSS Editor. But I’m failing on this issue right now.

Thanks in advance.

Andre

Welcome to the KNIME Forum. We developed some examples to help you:

First we are using CSS Editor Node with the following configuration:

And here you can see the difference between a table with a custom css format and one without it:

Let us know if this helps you and if you have any further questions.

5 Likes

Hi,
I have the same question: I’m trying to change the row height in the table view node. I’m on KNIME AP 4.4.2, and I have experimented with the CSS settings.

It seems to me that ‘padding’ and ‘margin’ of the knime-table-cell class have no effect. Also, ‘height’ of the knime-table-row class has no effect. There doesn’t seem to be a way to influence the row height with CSS. Perhaps I’m missing something?

Thanks,
Don

Welcome to the KNIME Forum. Following the example with the screenshots above, we have to note:

Tables in KNIME have their own “default” css. So if you have to overwrite css values, you must use “!important” after the value. (you can see the example in the screenshot below)

Answering your question, we change the height, padding and table margin.

If you have further questions, please feel free to contact us again.

3 Likes

Hi Jose,
thanks vor replay. And sorry for my delay. :slight_smile:

I think my problem is, I want to make the row smaller. Want to save space. And that probably does not allow it. It looks like some Pixels must always be above and below. I have already tried it with 2px height. Unfortunately it does not work.

Or can you create an example with 1 pixel between font and table border?

BR

Andre

Hi @AndreP ,
Try this CSS (copy and paste), it worked for me:

.knime-table-row {
	height: 8px;
}
.knime-table-cell {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
.knime-table-header {
	padding-top: 5px !important;
}
.knime-table {
	padding-top: 0px !important;
}

-Don

2 Likes

Hi @dnaki,

I overlooked your answer. I will test it soon and will give you feedback.

Thanks you very much!

BR

Andre

Hi @dnaki,

unfortunately did not work for me. Too bad.

Then I’ll have to look at CSS tutorials. :slight_smile:

BR

Andre