Мне нужно добавить значок информации с всплывающим окном в заголовке столбца.
Я добавил, используя headerTemplate
{
field: "BentOverRows",
title: "1RM Barbell Bent Over Row (lbs)",
headerTemplate: '1RM Barbell Bent Over Row (lbs) <span id="rmhelp7" onmouseover="titleHelpOn(this)" onmouseout="titleHelpOff(this)" class="icon-help_outline hoverClass" style="color: gainsboro;max-width:50px;font-size:15px;" data-HelpControl="57" data-HelpText=""></span>',
template: '<input data-tabindex="#=RowID#12" data-tabval="12" data-assessmentinputrow="#=RowID#" onchange="SaveAssessmentInfo(this);" value="#=(BentOverRows == null ) ? \'\' : BentOverRows #" type="text" style="width:50px;" /><input type="hidden" id="#=RowID#BentOverRowsExerciseID" value="#=BentOverRowsExerciseID#" type="text" /><input type="hidden" id="#=RowID#AssessmentSessionMasterID" value="#=AssessmentSessionMasterID#" type="text" /><input type="hidden" id="#=RowID#UserID" value="#=UserID#" type="text" />',
width: 120,
attributes: {
style: 'white-space: wrap '
}
}
Теперь у меня есть этот заголовок , и когда я нажимаю (?) На иконку, она сортирует всю таблицу и показывает мне всплывающее окно.
Но мне нужно отсортировать его, нажав на заголовке и нажав на значок (?), Чтобы открыть всплывающее окно.