Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Table Column too high

I am using Datatables, a jQuery plugin for creating custom tables. I am trying to create now a table with many columns, at least one of them containing a lot of text. The problem is that the column with long text is not created wider, but taller, making the table more difficult for the user to read.

How can I make the text column wider and less higher?

Here is a screenshot with my problem:

enter image description here

Here is my problem visible:

http://live.datatables.net/ujudij/edit#javascript,html

like image 972
Dragos Avatar asked Nov 19 '12 10:11

Dragos


People also ask

How do you reduce the height of a table cell?

On the Layout tab, in the Cell Size group, click in the Table Row Height box, and then specify the height you want. To use the ruler, select a cell in the table, and then drag the markers on the ruler.

How do I change column height?

Select the column or columns that you want to change. On the Home tab, in the Cells group, click Format. Under Cell Size, click Column Width. In the Column width box, type the value that you want.

Why can't I resize a column in a table in Word?

To adjust table row and column size in Word: Click anywhere in the table. In "Table Tools" click the [Layout] tab > locate the "Cell Size" group and choose from of the following options: To fit the columns to the text (or page margins if cells are empty), click [AutoFit] > select "AutoFit Contents."


1 Answers

Probably you may consider to use css text-overflow property: http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/ and in conjunction with a tooltip of the cell which has a long text.

like image 138
Roy Ling Avatar answered Oct 07 '22 07:10

Roy Ling