Trouble with col width

[nikos101]

For some reason the width is ignored

 <table>
   <col width="200" />
   <tbody>
@foreach (var item in Model.ComplaintsAuditTrail) {
    <tr>
        <td >
            @Html.DisplayFor(modelItem => item.complaint)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.dateCreated)
        </td>

   +20 more td per row  ..etc

[abduraooft]

Check the usage of col tag at http://htmldog.com/reference/htmltags/col/

[VIPStephan]

Yeah, you have to address all columns in the table. That means you have to do the math, just as with colspan and rowspan. If you want all columns to be the same width then use the span attribute with the number of columns as value.

[nikos101]

I gave them all widths like so but its unreliable

<div id="scrollable" >
<table>
   <col width="200" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <col width="70" />
   <tbody>

maybe i should just use telerick.

[VIPStephan]

How is it unreliable?
And you can simplify this a lot by writing:

<table>
  <col class="col1" />
  <col class="col2" span="20" /> <!-- change the number to the number of columns to which the same styles should apply -->
  <tbody>
  …
  …

As far as I know the width attribute isn’t actually deprecated in the current standards specification (HTML 4.01/XHTML 1) but it’s not present in the HTML 5 working draft, and in my opinion it’s good practice to separate styling from the structure so it’s better to use CSS for applying the width to the columns, for which I have added the classes.

.col1 {width: 200px;}
.col2 {width: 70px;} /* should apply to all individual columns that are defined by the value of the span attribute */

[nikos101]

Cool thats helpful!!