Tabulator: Set row height ?

[vonschbo]

Hello,

Do you have any ideas how to set different row height for different rows?

[olifolkerd]

The row height should automatically adjust to the content of the row, Are you having trouble displaying something in particular?

if you are trying to display multi-line text in a cell then you should use the _textarea_ formatter to make sure the cell resizes appropriately.

if you wish to explicitly set the height on a row you can use the row formatter callback to do this:

    rowFormatter:function(row, data){
        //row - JQuery object for row
        //data - the data for the row

        row.css({"height":"50px"});
    },

[vonschbo]

I found when use tabulatorjs with uikit (getuikit.com) , the editable table row cell becomes larger every time click on it.

[olifolkerd]

i will have a play with ukit this evening and see if i can replicate the issue.

would you be able to post an example of your issue in code pen so i can see it in action? or a screenshot of the issue would be great at a pinch,

Cheers

[vonschbo]

It's a bit complex, do you have email address, so I can send you the details on my project?

[olifolkerd]

Thanks for sending it over, i will have a look this evening and get back to you.

[vonschbo]

Also there are early mentioned queueing problems. Where I put this.clearqueque(), you can comment this method. When you create a new project in the main page, click on the source node, then add some data inside the table below , save and re-open it, then click add new rows, you will see it add multiple new rows for this re-opend data.

Bo

---

From: Oli Folkerd [email protected]
Sent: Thursday, 22 September 2016 17:44
To: olifolkerd/tabulator
Cc: vonschbo; Author
Subject: Re: [olifolkerd/tabulator] Set row height ? (#58)

Thanks for sending it over, i will have a look this evening and get back to you.

You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHubhttps://github.com/olifolkerd/tabulator/issues/58#issuecomment-248834270, or mute the threadhttps://github.com/notifications/unsubscribe-auth/AJcvMyD6gBEEaUqJcU9E8IyTSojZArb7ks5qsjHwgaJpZM4KDiiI.

[olifolkerd]

Did you find a solution for this on ukit ? i must say i havnt had any experience using it before, so havnt tested against it.

[vonschbo]

I think I have fixed that problem, may be caused by myself. At lease it is all good now.

[olifolkerd]

great to hear!

[KES777]

<div class="tabulator-row tabulator-selectable tabulator-row-odd" role="row" style="padding-left: 0px;">
<div class="tabulator-cell" role="gridcell" style="width: 50px; height: 25px;" title="">&nbsp;
<div class="tabulator-col-resize-handle"></div>
<div class="tabulator-col-resize-handle prev"></div></div>
<div class="tabulator-cell" role="gridcell" style="width: 220px; height: 25px;" tabulator-field="agreement_id" tabindex="0" title="1549">1549<div class="tabulator-col-resize-handle"></div>
<div class="tabulator-col-resize-handle prev"></div></div><div class="tabulator-cell" role="gridcell" style="width: 220px; height: 25px;" tabulator-field="document_type" tabindex="0" title="">Invoice<div class="tabulator-col-resize-handle"></div><div class="tabulator-col-resize-handle prev"></div></div><div class="tabulator-cell" role="gridcell" style="width: 220px; height: 25px;" tabulator-field="docn" title="">1<div class="tabulator-col-resize-handle"></div><div class="tabulator-col-resize-handle prev"></div></div><div class="tabulator-cell" role="gridcell" style="width: 220px; text-align: center; height: 25px;" tabulator-field="docdate" title="">01.03.2019<div class="tabulator-col-resize-handle"></div><div class="tabulator-col-resize-handle prev"></div></div><div class="tabulator-cell" role="gridcell" style="width: 220px; height: 25px;" tabulator-field="id" title=""><a target="_blank" href="/agreement/1545/invoice/10/2019-03-01"><img src="/img/pdf.png" alt="/agreement/1545/invoice/10/2019-03-01" style="height: 1.3rem; object-fit: contain;"></a><a target="_blank" href="/api/document_files/2/current/file?field=content"><img style="height: 1.5rem; object-fit: contain;" src="/img/download.png" alt="/agreement/1545/invoice/10/2019-03-01"></a><a target="_blank" href="/agreement/1549/invoice/10/2019-03-01"><img style="height: 1.5rem; object-fit: contain;" src="/img/pdf.png" alt="/agreement/1549/invoice/10/2019-03-01"></a><a target="_blank" href="/api/document_files/1/current/file?field=content"><img style="height: 1.5rem; object-fit: contain;" src="/img/download.png" alt="/agreement/1549/invoice/10/2019-03-01"></a><div class="tabulator-col-resize-handle"></div><div class="tabulator-col-resize-handle prev"></div></div><div class="tabulator-cell" role="gridcell" style="width: 224px; height: 25px;" tabulator-field="owner_id" tabindex="0" title="926">926<div class="tabulator-col-resize-handle"></div><div class="tabulator-col-resize-handle prev"></div></div><div class="tabulator-cell" role="gridcell" style="width: 40px; text-align: center; height: 25px;" title=""><svg enable-background="new 0 0 24 24" height="14" width="14" viewBox="0 0 24 24" xml:space="preserve"><path fill="#CE1515" d="M22.245,4.015c0.313,0.313,0.313,0.826,0,1.139l-6.276,6.27c-0.313,0.312-0.313,0.826,0,1.14l6.273,6.272  c0.313,0.313,0.313,0.826,0,1.14l-2.285,2.277c-0.314,0.312-0.828,0.312-1.142,0l-6.271-6.271c-0.313-0.313-0.828-0.313-1.141,0  l-6.276,6.267c-0.313,0.313-0.828,0.313-1.141,0l-2.282-2.28c-0.313-0.313-0.313-0.826,0-1.14l6.278-6.269  c0.313-0.312,0.313-0.826,0-1.14L1.709,5.147c-0.314-0.313-0.314-0.827,0-1.14l2.284-2.278C4.308,1.417,4.821,1.417,5.135,1.73  L11.405,8c0.314,0.314,0.828,0.314,1.141,0.001l6.276-6.267c0.312-0.312,0.826-0.312,1.141,0L22.245,4.015z"></path></svg><div class="tabulator-col-resize-handle"></div><div class="tabulator-col-resize-handle prev"></div></div></div>

my cells are of height 25px. I even can not imagine where does this value come from