Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
145
Multi Column Header Error
posted

It retrieves the data from the controller to the date and time,
AJAX method ,
and outputs the data received from the database to the grid .
,, However ,
once placed in a multi- header search function simultaneously ,
if not come receives data only column portion is a multi- header is generated

database ex)

('Inside', 'Fsystem', 'airo101', '1Factory', 'Fac01', 'Cr1Line', 'Cutting', 'process001', 'externaldiameter', 'audit0001', 'auditValue', 'product', 'product01', 'mm', 'autosuecess', 'bothsides', '2000/06/16', '07:36:27','0')

code Sample ex)

<script type="text/javascript">

function topTable(JsonVal,str)

$("#topGrid").igGrid({
columns:[
{headerText:'number',key'number',dataType:"number"},
{headerText:'classify',key'classify',dataType:"string"},
{headerText:'Pname',key'Pname',dataType:"string"},
{headerText:'Pcode',key'Pcode',dataType:"string"},
{headerText:'Fname',key'Fname',dataType:"string"},
{headerText:'Fcode',key'Fcode',dataType:"string"},
{headerText:'Lname',key'Lname',dataType:"string"},
{headerText:'Lcode',key'Lcode',dataType:"string"},
{headerText:'proName',key'proName',dataType:"string"},
{headerText:'proCode',key'proCode',dataType:"string"},
{headerText:'auditName',key'auditName',dataType:"string"},
{headerText:'auditCode',key'auditCode',dataType:"string"},
{headerText:'aValue',key'aValue',dataType:"string"},
{headerText:'product',key'product',dataType:"string"},
{headerText:'productID',key'productID',dataType:"string"},
{headerText:'length',key'length',dataType:"string"},
{headerText:'SPEC',
group:[
{headerText:'SPECclass',key'SPECclass',dataType:"string"},
{headerText:'aDate',key'aDate',dataType:"string"},
{headerText:'aTime',key'aTime',dataType:"string"},
]},
{headerText:'useCheck',key'useCheck',dataType:"bool"},
dataSource:SPECdata
dataSourceType:"json",
height:"120px",
widthL"100%",
features:[{
name:'MultiColumnHeaders'
},{
name:'paging',
type:"local",
pgaeSize:10
},{
name:"Sorting",
type:"local",
applySortedColumnCss:false
},{
name:Selection",
mode:"row"
}]
});
<body>
<br>
<p class="rightBtn mT_33"><input type="button" id="exportButton" class="exportButton" onclick="exportGrid()" /></p> <!-- hjh790 -->
<div class="searchBox">
<table class="search_table">
<colgroup>
<col style="width:40px;" />
<col style="width:150px;" />
<col style="width:83px;" />
<col style="width:150px;" />
<col style="width:65px;" />
<col style="width:150px;"/>
<col style="width: 40px;"/>
<col style="width:*;" />
</colgroup>
<tr>
<th style="font-size: 12px;">classify</th>
<td><div id="selectBoxArea"></div></td>
<th style="font-size: 12px;">Pname</th>
<td><div id="selectBoxArea1"></div></td>
<th style="font-size: 12px;">Fname</th>
<td><div id= "selectBoxArea2"></div></td>
<th style="font-size: 12px;">Lname</th>
<td><div id= "selectBoxArea3"></div></td>
<td rowspan="2" class="tRight">
<input type="button" name="" value="search" class="blueBtn icon_search" onclick="findSPEC('<%=subMenuIdxVal%>')"/>
</td>
</tr>
<tr>
<th style="font-size: 12px;">pro</th>
<td><div id= "selectBoxArea4"></div></td>
<th style="font-size: 12px;">audit</th>
<td><div id= "selectBoxArea5"></div></td>
</tr>
</table>
</div>

<div style="margin-top: -15px;">
<table id="topGrid"></table>
</div>

<br><br><br>

<table align="right" style="margin-top: -40px;height: 20px;">
<tr>
<td style="padding-top: 1px;"><input id="inputBtn" type="button" value="input" class="Btn" style="margin-right: 5px;" onclick="insertSPEC()" />&nbsp;</td>
<td style="padding-top: 1px;"><input id="saveBtn" type="button" value="edit" class="Btn" style="margin-right: 5px;" onclick="SPECinput();" />&nbsp;</td>
<td style="padding-bottom: 13px;"><div id="delButtonArea"></div></td>
</tr>
</table>

<div>
<table id="grid"></table>
</div>

<div style="display: none;">
<div style="clear:both;></div>
</div>
</body>
</html>

  • 17590
    Offline posted

    Hello sungmin,

    Thank you for posting in our community.

    In order to ensure that I will provide you with better and more accurate support I will need some additional information regarding your scenario.

    I made a small sample with igGrid using multi column headers. Could you please modify my sample in order to make it reproduce the issue and send it back to me aalong with steps to reproduce the behavior.

    Alternatively you could send me small isolated sample where I can reproduce the issue. If you decide to do so please remove all the code that is not directly related to this issue.

     This Is going to be highly appreciated and will help me investigate this matter further in pursuit of the root cause for this issue.

    Please feel free to continue sending updates to this case at any time.

    igGridMultiColumnHeaders.zip