Stack Overflow
Stack Overflow

Questions tagged [css-tables]

Use this tag instead of just [css] for questions about styling HTML

elements with CSS, or about using the CSS display:table property declaration to define an element's layout to mimic that of an HTML
.

The tag should be used in preference over the tag for questions about using CSS to present <table> or table-like content in HTML pages.

Typically, these activities involve:

  • Styling HTML <table> elements with CSS, and/or
  • Using the CSS display: table property declaration to define an element's layout to mimic that of an HTML <table>.

References

2231 questions
0
votes
1 answer

How to create a crooked line inside td of a table?

I have a table that i want to separate data in td tag with a crooked line Like this : How can i do it with css? Data in table fill dynamically So the width of td is not fixed,it depends on length of data in it.
Samira kalantari
  • 320
  • 1
  • 2
  • 16
0
votes
1 answer

How to style div elements to form a table

I have some divs and I want to form a table style.
left column
right…
Theo Itzaris
  • 4,321
  • 3
  • 37
  • 68
0
votes
1 answer

Table cell width in Internet Explorer

I'm trying to fix an old table based layout for a client but my html/css skills are only basic... Could someone tell me how to make this slider extend to about 70% width of the table in IE? (It looks fine in Chrome but IE doesn't play nicely.)…
Zofia
  • 1
0
votes
1 answer

CSS: Why do using float: left break the height of the div?

I have two divs those are supposed to have the same height. So I am using display: table on the container and using display: table-cell in the child divs. However these childs are using a common .css file which contains float:left in it. On the…
Erdi İzgi
  • 1,262
  • 2
  • 15
  • 33
0
votes
2 answers

Reorder row columns in repeating CSS grid/table

When displaying multiple items in a table/grid like-manner, is it possible for the CSS to override the elements order, without knowing the number of "rows" in advance? e.g. here is a standard table, and a more compact alternative for the same data. …
Fire Lancer
  • 29,364
  • 31
  • 116
  • 182
0
votes
0 answers

Table class in CSS works in Firefox and Safari but not in Chrome

I defined a table class in CSS which works fine in Firefox and Safari but not in Chrome: http://delf.at/jonathan_ruede.html Does anybody know why? css: table.joni td{ font-family: "News Gothic MT", Helvetica, "Microsoft Sans Serif",…
Gustav Klaus
  • 1
  • 2
0
votes
1 answer

Can't set CSS width of column in fixed column table

I have two tables next to each other, one has overflow set to auto to scroll across if there are more than X columns. I want to have the columns in this scrollable table a fixed width which I've set with CSS. When there is just a few columns, the…
Tom
  • 4,467
  • 17
  • 59
  • 91
0
votes
2 answers

Align icon in the middle of table

I need to align the arrow in middle of the table cell. I have added vertical-align: middle; but it is not working. Please help me to fix this issue. .table { display: table; border: 1px solid black; } .table-cell { height: 30px; …
athi
  • 1,683
  • 15
  • 26
0
votes
1 answer

CSS Color table based on input in each row

Would it be possible to color each table rows based on a input in a specific column for each row? Example, if: B1 = 1 // Red row B2 = 1 // Red row B3 = 3 // Blue row B4 = 2 // Green row B5 = 1 // Red row And so on? It's a datatable and there will…
Schnitte321
  • 1
  • 2
0
votes
1 answer

Redesign grid-layout without table-tags

I'm reworking an existing module to make it more adaptive. Below is a general mock-up of the current design. This design is used for multiple things, and the goal is that adding or removing modules should be easy. Right now, we're using a HTML…
Jordumus
  • 2,763
  • 2
  • 21
  • 38
0
votes
2 answers

Drop down table and jquery

I'm trying to make a drop down table using jQuery, with a similar code like here: (from the topic: Conditional simple drop down list?)