How to make an input fit nicely inside a cell in a CellTable?

Question

GWT CellTable

In the screenshot above the input width exceeds the column width. How to make it fit perfectly inside a column?

score 0 · Answer 1 · answered Nov 20 '14 at 08:21

0

You need to give your other columns a high width value such as 45% on the other two colums. The remaining column will then be 10% (max) but will alway fit the data within it.

answered Nov 20 '14 at 08:21

markt

903
7
21

score 0 · Accepted Answer · answered Nov 20 '14 at 16:49

0

Add this to your CSS file:

td input[type="text"], td select {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

answered Nov 20 '14 at 16:49

Andrei Volgin

40,755
6
49
58

Thanks alot. It works as expected. :) http://stackoverflow.com/users/821657/andrei-volgin – Ajinkya Nov 21 '14 at 07:10

How to make an input fit nicely inside a cell in a CellTable?

2 Answers2