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
20
Not able to get selected row particular column value in hierarchical grid
posted

We are rendering a infragistic MVC hierarchical grid and copying selected row column value from below code : 

var row = $("#igCallHistory").igGrid("activeRow")

var cellZeroValue = $("#igCallHistory").igGrid("getCellText", row.element.data().id, 7);

But in row which have expand icon the data is coming from the next column. We tried to pass the string column name but it didn't worked, it is returning data from previous column.

Javascript -

var row = $("#igCallHistory").igGrid("activeRow");
if (row == null) {
showpop("Please select the Row");
return false;
}
var answer = document.getElementById("copyDialerAnswer");
var cellZeroValue = $("#igCallHistory").igGrid("getCellText", row.element.data().id, 7);
cellZeroValue = cellZeroValue.trim();

Below is generate HTML -

<div id="callhistory" aria-labelledby="ui-id-13" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false" style="display: block;">
<a class="btn btn-primary" onclick="CopyDialerPhoneToClicpboard();">Copy Phone #</a>
<span id="copyDialerAnswer"></span>
<a class="btn btn-primary" onclick="RefeshCallHistory();">Refresh</a>
<div id="igCallHistory_container" tabindex="0" class="ui-widget ui-helper-clearfix ui-corner-all ui-iggrid" style="width: auto;"><div class="ui-widget ui-helper-clearfix ui-iggrid-pagesizedropdowncontainerabove ui-iggrid-toolbar ui-widget-header and ui-corner-top" title="Choose number of records per page"><div class="ui-iggrid-results"><span class="ui-iggrid-pagesizelabel">Show </span><span id="igCallHistory_editor" class="ui-iggrid-pagesizedropdown ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="width: 68px;"><span class="ui-igedit-button ui-igedit-buttondefault ui-state-default" title="Show list" style="height: 20px;"><span class="ui-igedit-buttonimage ui-icon-triangle-1-s ui-icon" style="margin-top: 2px;"></span></span><input readonly="" class="ui-igedit-field" style="text-align: left; width: 41px; height: 20px;"></span><span class="ui-iggrid-pagesizelabel">records</span></div></div><div id="igCallHistory_scroll" class="ui-iggrid-scrolldiv ui-widget-content" data-scroll="true" data-onedirection="true" style="overflow: auto hidden;"><table id="igCallHistory" class="ui-iggrid-root ui-iggrid-table ui-widget-content" data-level="0" cellpadding="0" cellspacing="0" border="0" style="table-layout: fixed; width: 100%;"><colgroup><col data-skip="true" data-expander="true" style="width: 30px;"><col data-skip="true" data-role="rs" style="width: 55px;"><col><col><col style="width: 60px;"><col style="width: 100px;"><col style="width: 150px;"><col style="width: 100px;"><col style="width: 70px;"><col style="width: 100px;"><col style="width: 100px;"><col style="width: 70px;"><col style="width: 80px;"><col style="width: 80px;"><col style="width: 70px;"><col></colgroup><thead><tr data-header-row=""><th class="ui-iggrid-expandheadercell ui-iggrid-header ui-widget-header" data-skip="true"><span class="ui-icon ui-icon-triangle-1-se"></span></th><th class="ui-iggrid-rowselector-header ui-iggrid-header ui-widget-header" data-role="rs" data-skip="true"></th><th id="igCallHistory_PartyID" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Party ID</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_PartyID" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_CallStatus" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Call Status</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_CallStatus" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_In_or_Out_Bound" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">In or OutBound</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_In_or_Out_Bound" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_UserName" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Agent</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_UserName" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_CombinedName" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Combined Name</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_CombinedName" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_CIDPhoneNumber" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">CID Phone Number</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_CIDPhoneNumber" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_Phone_LineNo" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Phone Line No</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_Phone_LineNo" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_OurNumberDisplayName" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Our Number Display Name</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_OurNumberDisplayName" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_Extension" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Extension</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_Extension" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_PhoneNumber_Twilio" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Twilio Phone Number</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_PhoneNumber_Twilio" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_StartDate" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Start Date</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_StartDate" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_StartTime" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Start Time</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_StartTime" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_Duration" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column" style="padding-left: 11px;"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><div data-hiddencolindicator="left" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title="Hidden Column(s)"><span data-nonpaddedindicator="left" title="Hidden Column(s)" data-skip-event="true" class="ui-iggrid-hiding-hiddencolumnindicator" style="position: absolute; margin-left: -11px; left: 0px; width: 7px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Duration</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_Duration" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th><th id="igCallHistory_CallSID" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default ui-iggrid-headercell-featureenabled" title="click to sort column" style="padding-right: 11px;"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -11px; right: 0px; width: 5px;"></span></a></div><div data-hiddencolindicator="right" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title="Hidden Column(s)"><span data-nonpaddedindicator="right" title="Hidden Column(s)" data-skip-event="true" class="ui-iggrid-hiding-hiddencolumnindicator" style="position: absolute; margin-right: -11px; right: 0px; width: 7px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Call SID</span><span class="ui-iggrid-colindicator"></span></a><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_featureChooser_headerButton_CallSID" href="#" title="" th-remove-focus=""><span class="ui-iggrid-featurechooserbutton ui-icon ui-icon-gear"></span></a></div></th></tr><tr class="ui-iggrid-filterrow ui-widget" data-role="filterrow"><td data-skip="true" style="border-width: 0px;"></td><th class="ui-iggrid-rowselector-header" data-role="rs" data-skip="true"></th><td class="ui-iggrid-filtercell"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_PartyID_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 33px;"></span></td><td class="ui-iggrid-filtercell"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_CallStatus_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 103px;"></span></td><td class="ui-iggrid-filtercell" style="width: 60px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_In_or_Out_Bound_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; width: 39px; display: inline-block;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 147px;"></span></td><td class="ui-iggrid-filtercell" style="width: 100px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_UserName_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 79px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 68px;"></span></td><td class="ui-iggrid-filtercell" style="width: 150px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_CombinedName_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; width: 129px; display: inline-block;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 147px;"></span></td><td class="ui-iggrid-filtercell" style="width: 100px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_CIDPhoneNumber_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 79px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 106px;"></span></td><td class="ui-iggrid-filtercell" style="width: 70px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_Phone_LineNo_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 49px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 76px;"></span></td><td class="ui-iggrid-filtercell" style="width: 100px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_OurNumberDisplayName_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 79px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 196px;"></span></td><td class="ui-iggrid-filtercell" style="width: 100px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_Extension_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 79px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 43px;"></span></td><td class="ui-iggrid-filtercell" style="width: 70px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_PhoneNumber_Twilio_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 49px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 119px;"></span></td><td class="ui-iggrid-filtercell" style="width: 80px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_StartDate_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 59px;"><span class="ui-igedit-button ui-igedit-buttondefault ui-state-default" title="Show calendar" style="height: 19px;"><span class="ui-igedit-buttonimage ui-icon-triangle-1-s ui-icon" style="margin-top: 1px;"></span></span><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 2px;"></span></td><td class="ui-iggrid-filtercell" style="width: 80px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_StartTime_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 59px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 47px;"></span></td><td class="ui-iggrid-filtercell" style="width: 70px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_Duration_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 49px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 56px;"></span></td><td class="ui-iggrid-filtercell"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_dd_CallSID_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; width: 5px; display: inline-block;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 147px;"></span></td></tr></thead><tfoot class="" id="igCallHistory_footer_container" style="display: none;"></tfoot><tbody><tr data-row-idx="0" data-id-fk="71" data-id="71"><td class="ui-iggrid-expandcolumn" data-parent="false"></td><th class="ui-iggrid-rowselector-class"><span class="ui-icon ui-icon-triangle-1-e" style="margin-left: -5px"> </span></th><td>0</td><td>Ended</td><td>O</td><td>David Koutek</td><td>&nbsp;</td><td>917536872758</td><td>06</td><td>407-845-9950 (1282)</td><td>&nbsp;</td><td>1-407-845-9950</td><td>4/9/2021</td><td>12:36 AM</td><td>26 Seconds</td><td>CA2aab13ef67560f759ec880b4e68948e7</td></tr><tr class="ui-ig-altrecord ui-iggrid-altrecord" data-row-idx="1" data-id-fk="70" data-id="70"><td class="ui-iggrid-expandcolumn" data-parent="false"></td><th class="ui-iggrid-rowselector-class"><span class="ui-icon ui-icon-triangle-1-e" style="margin-left: -5px"> </span></th><td class="">0</td><td class="">Ended</td><td class="">O</td><td class="">David Koutek</td><td class="">&nbsp;</td><td class="">917536872758</td><td class="">06</td><td class="">407-845-9950 (1282)</td><td class="">&nbsp;</td><td class="">1-407-845-9950</td><td class="">4/9/2021</td><td class="">12:31 AM</td><td class="">14 Seconds</td><td class="">CA3e5d87f0df6e58ff6ea548485e90d4b3</td></tr><tr data-row-idx="2" data-id-fk="68" data-id="68" class="ui-iggrid-activerow ui-state-focus" c="true" state="e"><td class="ui-iggrid-expandcolumn ui-iggrid-expandcolumn-expanded ui-iggrid-selectedcell ui-state-active" data-parent="true"><span class="ui-iggrid-expandbuttoncontainer"><span class="ui-icon ui-iggrid-expandbutton ui-iggrid-expandbuttonexpanded ui-icon-minus" title="Collapse Row" style="visibility: visible;"></span></span></td><th class="ui-iggrid-rowselector-class ui-iggrid-selectedcell ui-state-active"><span class="ui-icon ui-icon-triangle-1-e" style="margin-left: -5px"> </span></th><td class="ui-iggrid-selectedcell ui-state-active">10</td><td class="ui-iggrid-selectedcell ui-state-active">Ended</td><td class="ui-iggrid-selectedcell ui-state-active">I</td><td class="ui-iggrid-selectedcell ui-state-active">David Koutek</td><td class="ui-iggrid-selectedcell ui-state-active">&nbsp;</td><td class="ui-iggrid-selectedcell ui-state-active">+16513008361</td><td class="ui-iggrid-selectedcell ui-state-active">&nbsp;</td><td class="ui-iggrid-selectedcell ui-state-active">&nbsp;</td><td class="ui-iggrid-selectedcell ui-state-active">&nbsp;</td><td class="ui-iggrid-selectedcell ui-state-active">&nbsp;</td><td class="ui-iggrid-selectedcell ui-state-active">4/9/2021</td><td class="ui-iggrid-selectedcell ui-state-active">12:25 AM</td><td class="ui-iggrid-selectedcell ui-state-active">11 Seconds</td><td class="ui-iggrid-selectedcell ui-state-active">CA0cc992810d2f98c19c2672e2fb14617b</td></tr><tr data-container="true" style="visibility: visible;"><td class="ui-iggrid-childarea" colspan="16"><div id="ac" style="display: block;"><div id="igCallHistory_68_ChildCallHistory_child_container" tabindex="0" class="ui-widget ui-helper-clearfix ui-corner-all ui-iggrid" style="width: auto;"><div class="ui-widget ui-helper-clearfix ui-iggrid-pagesizedropdowncontainerabove ui-iggrid-toolbar ui-widget-header and ui-corner-top" title="Choose number of records per page"><div class="ui-iggrid-results"><span class="ui-iggrid-pagesizelabel">Show </span><span id="igCallHistory_68_ChildCallHistory_child_editor" class="ui-iggrid-pagesizedropdown ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="width: 68px;"><span class="ui-igedit-button ui-igedit-buttondefault ui-state-default" title="Show list" style="height: 20px;"><span class="ui-igedit-buttonimage ui-icon-triangle-1-s ui-icon" style="margin-top: 2px;"></span></span><input readonly="" class="ui-igedit-field" style="text-align: left; height: 20px; width: 39px;"></span><span class="ui-iggrid-pagesizelabel">records</span></div></div><div id="igCallHistory_68_ChildCallHistory_child_scroll" class="ui-iggrid-scrolldiv ui-widget-content" data-scroll="true" data-onedirection="true" style="overflow: auto hidden;"><table data-childgrid="true" id="igCallHistory_68_ChildCallHistory_child" data-level="1" cellpadding="0" cellspacing="0" border="0" class="ui-iggrid-table ui-widget-content" style="table-layout: fixed; width: 100%;"><colgroup><col data-skip="true" data-role="rs" style="width: 55px;"><col style="width: 80px;"><col style="width: 100px;"><col style="width: 150px;"><col style="width: 100px;"><col style="width: 80px;"><col style="width: 100px;"><col style="width: 100px;"><col style="width: 70px;"><col style="width: 80px;"><col style="width: 80px;"><col style="width: 70px;"></colgroup><thead><tr data-header-row=""><th class="ui-iggrid-rowselector-header ui-iggrid-header ui-widget-header" data-role="rs" data-skip="true"></th><th id="igCallHistory_68_ChildCallHistory_child_CallStatus" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Call Status</span><span class="ui-iggrid-colindicator"></span></a></th><th id="igCallHistory_68_ChildCallHistory_child_UserName" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Agent</span><span class="ui-iggrid-colindicator"></span></a></th><th id="igCallHistory_68_ChildCallHistory_child_CombinedName" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Combined Name</span><span class="ui-iggrid-colindicator"></span></a></th><th id="igCallHistory_68_ChildCallHistory_child_CIDPhoneNumber" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">CID Phone Number</span><span class="ui-iggrid-colindicator"></span></a></th><th id="igCallHistory_68_ChildCallHistory_child_Phone_LineNo" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Phone Line No</span><span class="ui-iggrid-colindicator"></span></a></th><th id="igCallHistory_68_ChildCallHistory_child_OurNumberDisplayName" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Our Number Display Name</span><span class="ui-iggrid-colindicator"></span></a></th><th id="igCallHistory_68_ChildCallHistory_child_Extension" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Extension</span><span class="ui-iggrid-colindicator"></span></a></th><th id="igCallHistory_68_ChildCallHistory_child_PhoneNumber_Twilio" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Twilio Phone Number</span><span class="ui-iggrid-colindicator"></span></a></th><th id="igCallHistory_68_ChildCallHistory_child_StartDate" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Start Date</span><span class="ui-iggrid-colindicator"></span></a></th><th id="igCallHistory_68_ChildCallHistory_child_StartTime" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Start Time</span><span class="ui-iggrid-colindicator"></span></a></th><th id="igCallHistory_68_ChildCallHistory_child_Duration" class="ui-iggrid-header ui-widget-header ui-iggrid-sortableheader ui-state-default" title="click to sort column"><div data-resizinghandle="true" style="position: relative; width: 100%; height: 0px; top: 0px; left: 0px;"><a href="#" title=""><span data-nonpaddedindicator="right" title="" class="ui-iggrid-resizing-handle-cursor ui-iggrid-resizing-handle" style="position: absolute; margin-right: -4px; right: 0px; width: 5px;"></span></a></div><a href="#"><span class="ui-iggrid-headertext">Duration</span><span class="ui-iggrid-colindicator"></span></a></th></tr><tr class="ui-iggrid-filterrow ui-widget" data-role="filterrow"><th class="ui-iggrid-rowselector-header" data-role="rs" data-skip="true"></th><td class="ui-iggrid-filtercell" style="width: 80px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_CallStatus_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 108px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 102px;"></span></td><td class="ui-iggrid-filtercell" style="width: 100px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_UserName_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 140px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 134px;"></span></td><td class="ui-iggrid-filtercell" style="width: 150px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_CombinedName_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 222px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 216px;"></span></td><td class="ui-iggrid-filtercell" style="width: 100px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_CIDPhoneNumber_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 140px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 134px;"></span></td><td class="ui-iggrid-filtercell" style="width: 80px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_Phone_LineNo_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 108px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 102px;"></span></td><td class="ui-iggrid-filtercell" style="width: 100px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_OurNumberDisplayName_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 140px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 134px;"></span></td><td class="ui-iggrid-filtercell" style="width: 100px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_Extension_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 140px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 134px;"></span></td><td class="ui-iggrid-filtercell" style="width: 70px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_PhoneNumber_Twilio_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 92px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 86px;"></span></td><td class="ui-iggrid-filtercell" style="width: 80px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_StartDate_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 107px;"><span class="ui-igedit-button ui-igedit-buttondefault ui-state-default" title="Show calendar" style="height: 19px;"><span class="ui-igedit-buttonimage ui-icon-triangle-1-s ui-icon" style="margin-top: 1px;"></span></span><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 57px;"></span></td><td class="ui-iggrid-filtercell" style="width: 80px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_StartTime_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 107px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 101px;"></span></td><td class="ui-iggrid-filtercell" style="width: 70px;"><div class="ui-iggrid-indicatorcontainer"><a id="igCallHistory_68_ChildCallHistory_child_dd_Duration_button" href="#" title="No filter applied"><span class="ui-iggrid-filterbutton ui-corner-all ui-icon ui-icon-triangle-1-s"></span></a></div><span class="ui-igedit ui-state-default ui-widget ui-corner-all ui-igedit-container" style="float: left; display: inline-block; width: 92px;"><input class="ui-igedit-field ui-igedit-nullvalue ui-iggrid-filtereditor" style="text-align: left; height: 19px; width: 86px;"></span></td></tr></thead><tfoot class="" id="igCallHistory_68_ChildCallHistory_child_footer_container" style="display: none;"></tfoot><tbody><tr data-id="67"><th class="ui-iggrid-rowselector-class"><span class="ui-icon ui-icon-triangle-1-e" style="margin-left: -5px"> </span></th><td class="">PreConnectExpired</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">+16513008361</td><td class="">08</td><td class="">651-504-1209 Minnesota - 10008</td><td class="">2</td><td class="">+16515041209</td><td class="">4/9/2021</td><td class="">12:25 AM</td><td class="">&nbsp;</td></tr><tr class="ui-ig-altrecord ui-iggrid-altrecord" data-id="69"><th class="ui-iggrid-rowselector-class"><span class="ui-icon ui-icon-triangle-1-e" style="margin-left: -5px"> </span></th><td class="">Missed</td><td class="">Atul Pandey</td><td class="">&nbsp;</td><td class="">+16513008361</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">4/9/2021</td><td class="">12:25 AM</td><td class="">&nbsp;</td></tr></tbody></table></div><div id="igCallHistory_68_ChildCallHistory_child_pager" class="ui-widget ui-iggrid-pager ui-helper-clearfix ui-corner-bottom ui-widget-header ui-iggrid-footer"><span id="igCallHistory_68_ChildCallHistory_child_pager_label" class="ui-iggrid-pagerrecordslabel ui-iggrid-results" title="Current records range">1 - 2 of 2 records</span><div class="ui-iggrid-paging"><div class="ui-iggrid-firstpage ui-iggrid-paging-item ui-state-default ui-corner-left" title="go to the first page"><span class="ui-iggrid-pageimg ui-iggrid-firstpageimgdisabled ui-icon ui-state-disabled ui-icon-arrowstop-1-w"></span><span class="ui-iggrid-firstpagelabeldisabled ui-state-disabled"></span></div><div class="ui-iggrid-prevpage ui-iggrid-paging-item ui-state-default" title="go to the previous page"><span class="ui-iggrid-pageimg ui-iggrid-prevpageimgdisabled ui-icon ui-state-disabled ui-icon-triangle-1-w"></span><span class="ui-iggrid-prevpagelabeldisabled ui-state-disabled">Prev</span></div><ul class="ui-helper-reset ui-iggrid-pagelist ui-iggrid-paging-item"><li class="ui-iggrid-pagecurrent ui-state-active ui-corner-all" title="page 1"><a class="ui-iggrid-pagelinkcurrent" href="javascript:void(0);">1</a></li></ul><div class="ui-iggrid-nextpage ui-iggrid-paging-item ui-state-default" title="go to the next page"><span class="ui-iggrid-nextpagelabeldisabled ui-state-disabled">Next</span><span class="ui-iggrid-pageimg ui-iggrid-nextpageimgdisabled ui-icon ui-state-disabled ui-icon-triangle-1-e"></span></div><div class="ui-iggrid-lastpage ui-iggrid-paging-item ui-state-default ui-corner-right" title="go to the last page"><span class="ui-iggrid-lastpagelabeldisabled ui-state-disabled"></span><span class="ui-iggrid-pageimg ui-iggrid-lastpageimgdisabled ui-icon ui-state-disabled ui-icon-arrowstop-1-e"></span></div></div></div></div></div></td></tr><tr class="ui-ig-altrecord ui-iggrid-altrecord" data-row-idx="3" data-id-fk="66" data-id="66"><td class="ui-iggrid-expandcolumn" data-parent="false"></td><th class="ui-iggrid-rowselector-class"><span class="ui-icon ui-icon-triangle-1-e" style="margin-left: -5px"> </span></th><td class="">0</td><td class="">Ended</td><td class="">O</td><td class="">David Koutek</td><td class="">&nbsp;</td><td class="">917536872758</td><td class="">06</td><td class="">407-845-9950 (1282)</td><td class="">&nbsp;</td><td class="">1-407-845-9950</td><td class="">4/9/2021</td><td class="">12:22 AM</td><td class="">9 Seconds</td><td class="">CA8788072efc4c324ea06140153a521b15</td></tr><tr data-row-idx="4" data-id-fk="64" data-id="64"><td class="ui-iggrid-expandcolumn" data-parent="false"></td><th class="ui-iggrid-rowselector-class"><span class="ui-icon ui-icon-triangle-1-e" style="margin-left: -5px"> </span></th><td>0</td><td>Ended</td><td>O</td><td>David Koutek</td><td>&nbsp;</td><td>917536872758</td><td>06</td><td>407-845-9950 (1282)</td><td>&nbsp;</td><td>1-407-845-9950</td><td>4/9/2021</td><td>12:21 AM</td><td>14 Seconds</td><td>CA9fa53cea32db96affa2a7f3ae1d14957</td></tr><tr class="ui-ig-altrecord ui-iggrid-altrecord" data-row-idx="5" data-id-fk="63" data-id="63"><td class="ui-iggrid-expandcolumn" data-parent="true"><span class="ui-iggrid-expandbuttoncontainer"><span class="ui-iggrid-expandbutton ui-icon ui-icon-plus" title="Expand Row"></span></span></td><th class="ui-iggrid-rowselector-class"><span class="ui-icon ui-icon-triangle-1-e" style="margin-left: -5px"> </span></th><td>0</td><td>PreConnectExpired</td><td>I</td><td>&nbsp;</td><td>&nbsp;</td><td>+16513008361</td><td>08</td><td>651-504-1209 Minnesota - 10008</td><td>2</td><td>+16515041209</td><td>4/9/2021</td><td>12:07 AM</td><td>&nbsp;</td><td>CA21144d367f989e4fad7358a276d7c84e</td></tr><tr data-row-idx="6" data-id-fk="62" data-id="62"><td class="ui-iggrid-expandcolumn" data-parent="false"></td><th class="ui-iggrid-rowselector-class"><span class="ui-icon ui-icon-triangle-1-e" style="margin-left: -5px"> </span></th><td>0</td><td>PreConnectExpired</td><td>I</td><td>&nbsp;</td><td>&nbsp;</td><td>+16513008361</td><td>08</td><td>651-504-1209 Minnesota - 10008</td><td>221</td><td>+16515041209</td><td>4/9/2021</td><td>12:07 AM</td><td>&nbsp;</td><td>CAf1a33750e469b41849f604f968efcd3f</td></tr><tr class="ui-ig-altrecord ui-iggrid-altrecord" data-row-idx="7" data-id-fk="60" data-id="60"><td class="ui-iggrid-expandcolumn" data-parent="true"><span class="ui-iggrid-expandbuttoncontainer"><span class="ui-iggrid-expandbutton ui-icon ui-icon-plus" title="Expand Row"></span></span></td><th class="ui-iggrid-rowselector-class"><span class="ui-icon ui-icon-triangle-1-e" style="margin-left: -5px"> </span></th><td>0</td><td>PreConnectExpired</td><td>I</td><td>&nbsp;</td><td>&nbsp;</td><td>+14078459238</td><td>08</td><td>651-504-1209 Minnesota - 10008</td><td>1</td><td>+16515041209</td><td>4/9/2021</td><td>12:06 AM</td><td>&nbsp;</td><td>CA034d72890905849dabc782e10f7b9151</td></tr></tbody></table></div><div id="igCallHistory_pager" class="ui-widget ui-iggrid-pager ui-helper-clearfix ui-corner-bottom ui-widget-header ui-iggrid-footer"><span id="igCallHistory_pager_label" class="ui-iggrid-pagerrecordslabel ui-iggrid-results" title="Current records range">1 - 8 of 46 records</span><div class="ui-iggrid-paging"><div class="ui-iggrid-firstpage ui-iggrid-paging-item ui-state-default ui-corner-left" title="go to the first page"><span class="ui-iggrid-pageimg ui-iggrid-firstpageimgdisabled ui-icon ui-state-disabled ui-icon-arrowstop-1-w"></span><span class="ui-iggrid-firstpagelabeldisabled ui-state-disabled"></span></div><div class="ui-iggrid-prevpage ui-iggrid-paging-item ui-state-default" title="go to the previous page"><span class="ui-iggrid-pageimg ui-iggrid-prevpageimgdisabled ui-icon ui-state-disabled ui-icon-triangle-1-w"></span><span class="ui-iggrid-prevpagelabeldisabled ui-state-disabled">prev</span></div><ul class="ui-helper-reset ui-iggrid-pagelist ui-iggrid-paging-item"><li class="ui-iggrid-pagecurrent ui-state-active ui-corner-all" title="page 1"><a class="ui-iggrid-pagelinkcurrent" href="javascript:void(0);">1</a></li><li class="ui-iggrid-page ui-state-default ui-corner-all" title="page 2"><a class="ui-iggrid-pagelink ui-helper-reset" href="javascript:void(0);">2</a></li><li class="ui-iggrid-page ui-state-default ui-corner-all" title="page 3"><a class="ui-iggrid-pagelink ui-helper-reset" href="javascript:void(0);">3</a></li><li class="ui-iggrid-page ui-state-default ui-corner-all" title="page 4"><a class="ui-iggrid-pagelink ui-helper-reset" href="javascript:void(0);">4</a></li><li class="ui-iggrid-page ui-state-default ui-corner-all" title="page 5"><a class="ui-iggrid-pagelink ui-helper-reset" href="javascript:void(0);">5</a></li></ul><div class="ui-iggrid-nextpage ui-iggrid-paging-item ui-state-default" title="go to the next page"><span class="ui-iggrid-nextpagelabel">next</span><a href="javascript:void(0);"><span class="ui-iggrid-pageimg ui-iggrid-nextpageimg ui-icon ui-icon-triangle-1-e"></span></a></div><div class="ui-iggrid-lastpage ui-iggrid-paging-item ui-state-default ui-corner-right" title="go to the last page"><span class="ui-iggrid-lastpagelabel"></span><a href="javascript:void(0);"><span class="ui-iggrid-pageimg ui-iggrid-lastpageimg ui-icon ui-icon-arrowstop-1-e"></span></a></div></div></div></div>
<script type="text/javascript">$(function () {$('#igCallHistory').igHierarchicalGrid({ dataSource: '/NewCallCenter/GetCallHistory',autoGenerateColumns: false,autoGenerateLayouts: false,mergeUnboundColumns: false, responseDataKey: 'Records', generateCompactJSONResponse: false, enableUTCDates: true, columns: [ { key: 'PartyID', dataType: 'number', headerText: 'Party ID' }, { key: 'CallStatus', dataType: 'string', headerText: 'Call Status' }, { key: 'In_or_Out_Bound', dataType: 'string', headerText: 'In or OutBound', width: '60' }, { key: 'UserName', dataType: 'string', headerText: 'Agent', width: '100' }, { key: 'CombinedName', dataType: 'string', headerText: 'Combined Name', width: '150' }, { key: 'CIDPhoneNumber', dataType: 'string', headerText: 'CID Phone Number', width: '100' }, { key: 'Phone_LineNo', dataType: 'string', headerText: 'Phone Line No', width: '70' }, { key: 'OurNumberDisplayName', dataType: 'string', headerText: 'Our Number Display Name', width: '100' }, { key: 'Extension', dataType: 'string', headerText: 'Extension', width: '100' }, { key: 'PhoneNumber_Twilio', dataType: 'string', headerText: 'Twilio Phone Number', width: '70' }, { key: 'StartDate', dataType: 'date', headerText: 'Start Date', width: '80' }, { key: 'StartTime', dataType: 'string', headerText: 'Start Time', width: '80' }, { key: 'EndDate', dataType: 'date', headerText: 'End Date', hidden: true }, { key: 'EndTime', dataType: 'string', headerText: 'End Time', hidden: true }, { key: 'Duration', dataType: 'string', headerText: 'Duration', width: '70' }, { key: 'CallSID', dataType: 'string', headerText: 'Call SID' }, { key: 'ID', dataType: 'number', headerText: 'ID', hidden: true } ], columnLayouts: [ { autoGenerateColumns: false,autoGenerateLayouts: false,mergeUnboundColumns: false, responseDataKey: 'Records', generateCompactJSONResponse: false, enableUTCDates: true, columns: [ { key: 'ID', dataType: 'number', hidden: true }, { key: 'CallStatus', dataType: 'string', headerText: 'Call Status', width: '80' }, { key: 'UserName', dataType: 'string', headerText: 'Agent', width: '100' }, { key: 'CombinedName', dataType: 'string', headerText: 'Combined Name', width: '150' }, { key: 'CIDPhoneNumber', dataType: 'string', headerText: 'CID Phone Number', width: '100' }, { key: 'Phone_LineNo', dataType: 'string', headerText: 'Phone Line No', width: '80' }, { key: 'OurNumberDisplayName', dataType: 'string', headerText: 'Our Number Display Name', width: '100' }, { key: 'Extension', dataType: 'string', headerText: 'Extension', width: '100' }, { key: 'PhoneNumber_Twilio', dataType: 'string', headerText: 'Twilio Phone Number', width: '70' }, { key: 'StartDate', dataType: 'date', headerText: 'Start Date', width: '80' }, { key: 'StartTime', dataType: 'string', headerText: 'Start Time', width: '80' }, { key: 'Duration', dataType: 'string', headerText: 'Duration', width: '70' } ], features: [ { name: 'Responsive', forceResponsiveGridWidth: false, enableVerticalRendering: false }, { name: 'Resizing', allowDoubleClickToResize: true, deferredResizing: true }, { recordCountKey: 'TotalRecordsCount', pageIndexUrlKey: 'page', pageSizeUrlKey: 'pageSize', name: 'Paging', type: 'local', pageSize: 10, prevPageLabelText: 'Prev', nextPageLabelText: 'Next' }, { sortUrlKey: 'sort', sortUrlKeyAscValue: 'asc', sortUrlKeyDescValue: 'desc', columnSettings: [ { columnIndex: -1, allowSorting: true, columnKey: 'ID' } ], name: 'Sorting', type: 'local', mode: 'single' }, { name: 'RowSelectors', enableCheckBoxes: false, enableRowNumbering: false }, { name: 'Selection', mouseDragSelect: false, multipleSelection: false, mode: 'row' }, { filterExprUrlKey: 'filter', filterLogicUrlKey: 'filterLogic', name: 'Filtering', mode: 'simple' } ], key: 'ChildCallHistory', width: 'auto', foreignKey: 'CallSID', renderCheckboxes: false, primaryKey: 'ID', DataMember: 'ChildCallHistory' } ], features: [ { name: 'Responsive', forceResponsiveGridWidth: false, enableVerticalRendering: false }, { name: 'Hiding' }, { filterExprUrlKey: 'filter', filterLogicUrlKey: 'filterLogic', name: 'Filtering', mode: 'simple' }, { name: 'Selection', multipleSelection: false }, { sortUrlKey: 'sort', sortUrlKeyAscValue: 'asc', sortUrlKeyDescValue: 'desc', name: 'Sorting' }, { name: 'Resizing', allowDoubleClickToResize: true, deferredResizing: true }, { name: 'RowSelectors', enableRowNumbering: false, enableCheckBoxes: false }, { recordCountKey: 'TotalRecordsCount', pageIndexUrlKey: 'page', pageSizeUrlKey: 'pageSize', name: 'Paging', pageSize: 8, type: 'local', pageSizeList: [ 5, 8, 10, 15, 20, 25, 50, 75, 100, 250, 500, 1000 ] } ], enableHoverStyles: false, primaryKey: 'ID', renderCheckboxes: false, width: 'auto', localSchemaTransform: true });});</script>

</div>

Parents
  • 5513
    Offline posted

    Hello David,

    Thank you for using Infragistics forums!

    "getCellText" should work correctly when used with the column key instead of index. It uses the ARIA attributes of cells to select the correct one. However, in the HTML that you pasted I can't see any ARIA attributes which leads me to believe you are using an older version of Ignite UI. Could you please check which version of Ignite UI you are referencing in your app and let me know?

    Thank you in advance!

    Best regards,

    Stamen Stoychev

Reply Children