How to paint cell outside its row bounds? I display TextArea in a cell of a table which must have each row of the same height. I need more space, both vertically and horizontally for that cell.
Is it possible to display cell higher than a single row?
We must use fixed height of the row (see TableRowSkinBase.fixedCellSizeEnabled().
We already use modify by copy paste code of the TableRowSkinBase to eventually in the TableRowSkinBase.layoutChildren to set the size of the cell to larger than single cell in both direction. What were able to display cell wider but not heigher? We did it by cell.resize() method.
Related
The problem is I have two columns that will be filled with rows that are implicitly defined, and that I DO NOT want to resize the adjacent row items such that there is a space beside the components. I have tried using grid, but the result is the second image. Similarly, I use flexbox, and the row space emerges implicitly. Does anyone know a way to get this kind of 'dense' packing as in the first image?
So basically, I have a react app and I am trying to create a grid of square elements but:
i dont want to
shrink them below a certain size (meaning that when the page
shrinks, the last elements on a row are pushed to the next row
etc.).
I was also hoping to put in a few special 2x2 elements in the grid (realistically not
many, between 1-3)
I am looking to be able input a series of objects (ordered by priority) and have the page dynamically allocate them into the grid space as best it can.
I have done bootstrap grids in the past, 1. could be achieved fairly easily by changing the .col-x value at certain screen widths so the elements wrap
But 2. seems really hard:
making a static row with a 2x2 element and some 1x1 elements seems
easy, but then it will all break when the above row tries to wrap, or
when i have to wrap elements in this static row.
I was also thinking of offsetting 2 consecutive rows and just placing a div with the 2x2 boxes over the offset, but then i would have to change the row elements that are being offset on the fly, and i dont know how to get an element to tell me what row and column it is in.
Any ideas?
I have 2 tables, one on top of another to achieve frozen Column (left side), but in some row, I would like to have some Text stretch across entire row.
How can I make it to display as a line without any missing characters in between ?
Thanks in advance.
1) Allow word wrap in table cells.
2) Show full cell text as tooltip.
I have an editable ExtJS grid, whose 1st row has more height then other rows. The editor is defined for every column based on datatypes. As first row's height is more than the other rows and editor is common, neither I am not able to provide the extra padding on cell-editor in first row only.
As shown here.
In a tableview or tablewidget of pyqt (and qt in general), if you resize column cells that have no wrap on them, the right side of the cell value will be clipped (and replaced with ellipses ...) regardless of whether the cell value is left or right aligned.
The effect is as follows:
The long and winding road. => The long and windi...
Is it possible to force the table to resize the cells while clipping the left side of the cell value, instead?
The effect I want is as follows:
The long and winding road. => ...ng and winding road.
I want this so that if I right align a line of text, and then resize the cell, I want to always see what comes at the very end of the line.
Any help would be appreciated.
You can use setTextElideMode to set where the "..." is placed. In your case (using C++):
ui->tableWidget->setTextElideMode(Qt::ElideLeft);
Note that the elide mode affects all columns.