This is a migrated thread and some comments may be shown as answers.
How do I apply Grid css to a static html table without the vertical scroll?
2 Answers 73 Views
This is a migrated thread and some comments may be shown as answers.
Ryan Lege
Top achievements
Rank 1
Ryan Lege asked on 10 Aug 2012, 01:19 PM
This is just a static table I'd like to apply the overall Kendo css theme of my site to. Unfortunately, I cannot get rid of the vertical scroll to the right of the table. I've tried everything. Any ideas?  


<div class="k-widget k-grid" id="Grid">
      <div class="k-grid-header">
        <div class="k-grid-header-wrap">
          <table cellspacing="0">
            <tr>
              <th>Type</th>
              <th>Estimate</th>
              <th>Actual</th>
              <th>Description</th>
            </tr>
          </table>
        </div>
      </div>
      <div class="k-grid-content">
        <table cellspacing="0">
          <colgroup>
            <col />
            <col />
            <col />
            <col />
            <col />
          </colgroup>
          <tbody>
            @foreach (var item in Model.EventFundings)
            {
                                     <tr >
                                      <td>
                                        @item.FundingCostTypeTitle
                                      </td>
                                      <td>
                                        @item.EstimateCost
                                      </td>
                                      <td>
                                        @item.ActualCost
                                      </td>
                                      <td>
                                        @item.Description
                                      </td>
                                    </tr>
            }
          </tbody>
        </table>
      </div>
    </div>

2 Answers, 1 is accepted

Sort by
0
ColinBowern
Top achievements
Rank 1
answered on 12 Aug 2012, 12:15 AM
Did you try settings scrollable to false? (i.e. $("#grid').kendoGrid({ ...., scrollable: false, ... });
0
Ryan Lege
Top achievements
Rank 1
answered on 13 Aug 2012, 11:59 AM
I tried that and it only applies it to the Header. The rest of the grid still has the scroll. My table structure must be wrong.
Tags
Grid
Asked by
Ryan Lege
Top achievements
Rank 1
Answers by
ColinBowern
Top achievements
Rank 1
Ryan Lege
Top achievements
Rank 1
Share this question
or