[Solved] custom display. One row of data broken into two rows

[Harry Cardillo]

I am trying to get a radgrid to display in a VERY custom way. i am wondering if anyone can help. You can see in the comments that say THIS NEED TO BE THE DATA, what I am trying to achieve is each section <tr class="first", <tr class="second", <tr class="third"

This displays as three rows obviously, but out of the data it is really just one row of data. Is there an easy way that I can translate this into a rad grid? I have tried using a HeaderTemplate and ItemTemplate but it did not come out well. Any ideas?

<table border="0" cellpadding="0" cellspacing="0" class="table_Item_Info">
<!-- THIS NEEDS TO BE THE HEADER -->
                       <tr class="first">
                              <th colspan="12" class="first" scope="col">Item Information</th>
                        </tr>
                        <tr class="second">

                                <th class="second" scope="col">ATA/AD/SB</th>
                                <th colspan="3" class="third" scope="col">Description</th>
                                <th class="fourth" scope="col">Disposition</th>
                                <th class="fifth" scope="col">Cast C/W<br />
                                        Installed</th>
                                <th class="sixth" scope="col">Intervals</th>

                                <th class="seventh" scope="col">Tolerance</th>
                                <th class="eighth" scope="col">Time At Inst<br />
                                        /Adjustment</th>
                                <th class="nineth" scope="col">Next Due</th>
                                <th class="tenth" scope="col">Remaining</th>
                                <th class="eleventh" scope="col">Action</th>

                        </tr>
                        <tr class="third">
                                <th class="twelveth">Item No</th>
                                <th class="thirteenth">Part No</th>
                                <th class="fourteenth">Serial No</th>
                                <th class="fifteenth">Reference No</th>
                                <th colspan="3" class="sixteenth">Tracked By</th>

                                <th colspan="5" class="seventeenth">Group</th>
                        </tr>
<!-- THIS NEEDS TO BE THE END OF THE HEADER -->
<!-- THIS NEEDS TO BE THE DATA -->
                        <tr class="first">
                                <td class="first noline">32-10-04-900-001-A00</td>
                                <td colspan="3" rowspan="2" class="second noline">FUNCTION/ALLY CHECK (HYDROSTATIC TEST) CREW OXYGEN M: 36 01-Jan-2011CYLINDER P/N 4441009-50 NOTE: APPLICABLE ONLY FOR CYLINDERS TESTED PRIOR TO JULY 1ST 2006 OR ACCORDANCE WITH LOCAL REGULATORY AUTHORITY REQUIREMENTS.THE CPCP BASIC TASK SHALL ALSO BE PERFORMED FOR THIS SSI. (APPLIES IF POST MOD SB 145LEG-00-0007)</td>
                                <td rowspan="2" class="third noline">RST</td>
                                <td rowspan="3" class="fourth noline">28-Mar-2008</td>

                                <td rowspan="3" class="fifth noline">M: 96 TI<br />
                                        H: 7200 TI<br />
                                        L: 7200 TI</td>
                                <td rowspan="2" class="sixth noline">D: 15<br />
                                        H: 20<br />
                                        L: 20</td>

                                <td rowspan="3" class="seventh noline">M: 0<br />
                                        H: 0.00 <br />
                                        L: 0</td>
                                <td rowspan="3" class="eighth noline">01-Jan-2009<br />
                                        H: 4500.00<br />
                                        L: 4500</td>

                                <td rowspan="3" class="nineth noline">M: -2 D: -23<br />
                                        H: -1500.00<br />
                                        L: 700</td>
                                <td rowspan="3" class="tenth noline"><a href="javascript:void(0);"><img src="images/button_Action.jpg" alt="Action" name="action_up" width="66" height="18" class="action_up" id="action_up" /></a></td>
                        </tr>
                        <tr class="second">
                                <td class="eleventh">SYSTEM</td>

                        </tr>
                        <tr class="third">
                                <td class="twelveth">255</td>
                                <td class="thirteenth">P/N: 1172C0000-02</td>
                                <td class="fourteenth">S/N: 00140</td>
                                <td class="fifteenth">AMM 32-20-02-900-801-A</td>
                                <td class="sixteenth">Airframe</td>

                                <td class="seventeenth">L8</td>
                        </tr>
<!-- THIS NEEDS TO BE THE END OF THE DATA -->
</table>

[Vlad]

Hello Harry Cardillo,

You can use ItemTemplate property of GridTableView similar to this example:
http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/cardview/defaultcs.aspx

All the best,
Vlad
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.