How do I change the background color for a column?

I have a treegrid and i want the child rows to be smaller. Can i change the row height to smaller for just the child rows?

-btork

Hello,
I want to hide the expand icon for a treegrid for the entire table. I want the user to be able to expand by clicking on the entire row. Is this possible?

-btork

I figured out that my issue was a data problem. My children records did not have the id field populated. This caused an issue when the reload method attempted to repopulate the data in the grid.

Hope that can help someone in the future.

Can anyone post an example of a treegrid that works with the Reload method?

Do I need to rebind the data to the table after I call Reload? I'm stumped here why this isn't updating.

Yes, the data is correct in the network console, but the grid doesn't update.

I'm trying to reload all the data in the TreeGrid with a button. I can see from the network console that it's retrieving the json data and the grid flashes, but the data isn't updating.

Here's my javascript function:
           function reloadAll(){
                       $('#tt').treegrid('reload');
           }

<a href="javascript:void(0)" class="easyui-linkbutton" onclick="reloadAll()">Reload</a>


<table id="tt" class="easyui-treegrid" style="width:100%;height:550px;"
         url="leaderboarddata.php?tourney=<?php echo $_GET['tourney'] ?>"
         rownumbers="false"
         idField="scorecardid" treeField="name"
         data-options="onClickCell:function(field,row){
          if (field == 'name'){
              $(this).treegrid('toggle', row.scorecardid);
          }
         }">

Thanks,
Brian

Thank you. Works as expected.

Brian

Thank you. This might work well for me. How can I style the expand image? I'd ideally like to be able to toggle the expand function from clicking anywhere in the parent itemid cell instead of from the small arrow.

Thanks,
Brian

Hello,

I'm trying to create a grid with a parent row and child rows. The child rows will be hidden initially and will expand on click of the plus sign. All of the rows will be in the same table format (meaning it's not a subgrid, just child rows in the same table). I cannot seem to figure out how to do this with easyUI.

Any help is much appreciated. Attached is my example table (pretty simple)

<table id="tt" class="easyui-datagrid" style="width:100%;height:550px;">
      
<thead frozen="true"><tr><th field="itemid" width="200">Test 2</th><th field="productid" width="60" align="center">Yards</th></tr></thead><thead><tr><th field="hole1" width="60" align="center">333</th><th field="hole2" width="60" align="center">481</th><th field="hole3" width="60" align="center">360</th><th field="hole4" width="60" align="center">146</th><th field="hole5" width="60" align="center">380</th></tr>
</thead>
      
<tbody>
<tr><td field="itemid" width="80">Parent Record</td><td field="productid" width="80"></td><td field="hole1" width="80">4</td><td field="hole2" width="80"></td><td field="hole3" width="80"></td><td field="hole4" width="80"></td><td field="hole5" width="80"></td></tr>
<tr><td field="itemid" width="80">Child</td><td field="productid" width="80"></td><td field="hole1" width="80">4</td><td field="hole2" width="80">5</td><td field="hole3" width="80">4</td><td field="hole4" width="80">2</td><td field="hole5" width="80"></td></tr>
<tr><td field="itemid" width="80">Parent Record</td><td field="productid" width="80"></td><td field="hole1" width="80">5</td><td field="hole2" width="80">6</td><td field="hole3" width="80">4</td><td field="hole4" width="80">6</td><td field="hole5" width="80"></tr>
</tbody>
</table>

thanks,
Brian