Dojoグリッドが正しく表示されない

Question

データグリッド/テーブル構造を使用していて、データが列見出しの上に表示され、2つのチェックボックスが表示されます。

<style type="text/css"> 
    @import "StyleSheet.css"; 
    @import "js/dojotoolkit/dijit/themes/pfga/pfga.css"; 
    @import "js/dojotoolkit/dojo/resources/dojo.css"; 
    @import "js/dojotoolkit/dojox/resources/Grid.css"; 
    @import "js/dojotoolkit/dojox/resources/tundraGrid.css"; 
    .dojoxGrid table { 
     margin: 0; 
    } 
</style> 

<script src="js/dojotoolkit/dojo/dojo.js" type="text/javascript" djConfig="parseOnLoad: true"></script> 
<script src="common.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    dojo.require("dojox.grid.DataGrid"); 
    dojo.require("dojox.data.XmlStore"); 
    dojo.require("dijit.form.FilteringSelect"); 
    dojo.require("dojo.data.ItemFileReadStore"); 
    dojo.require("dojo.date"); 

    var pageRef = 'l_events'; 
</script> 

<div id="pagehead" class="Heading1" >Upcoming Range Events - PF&amp;GA</div> 

    <input dojoType="dijit.form.FilteringSelect" store="monthStore" searchAttr="month" name="month" id="monthInput" class="pfga" /> 
    <br /> 
    <div id="grid" style="width:600px; overflow:visible; height:800px"> 
     <table id="eventGrid" dojoType="dojox.grid.DataGrid" style="width:600px; " store="eventStore" class="tundra"> 
      <thead> 
       <tr> 
        <th field="date">Date</th> 
        <th field="description">Description</th> 
       </tr> 
       <tr> 
        <th colspan="2" field="time">Time</th> 
       </tr> 
      </thead> 
     </table> 
    </div> 

Answer 1

私の問題は、グリッドとtundraGridのCSSファイルへの単純なパスのようです。これを解決して問題を解決しました。