.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[o=))Pmi8j/RxXgrcV(S<$+/) &3[=,"z)kpOh4Թł;"2@r By;l>Y#_̇)!ܰC liu|fL0G+>.$Xe)4)M.)f[7 D@\+ʳDAϑQl_`w%@Ll9W:#.K6&gBoǿ?etve1mnZxRE`Ҵpz&+ 13 V̂PI3M~ TQ͙|ѓw-$B j&9)ֈK1UCzVW"ܳC$F\dA9LfiB)=S]+93-@M(uHmnnfAB#jp4]WֿgBoǿ?etve1mnZxRE`ҴpzTF]>yŲ_7zg B"TF(ʶ^#>qQI^ZNAsqɾ:3u`{:Wl n+{HEPG] s@57MU@2;e9ٖ~y6\2KȘ  jJH87]':6"Y[nP;es H-]&\bEH$$1=3 *yckheMW5&wqbDdOPs?JDG|끽 TQ͙|ѓw-$B j&9)ֈK1UCgPvNqa{Dlt~M:vLfiB)=S]+93-@M(uHmn(M9 4tܭeyW8lʌ,2=KB,+?gs;(Yw2m *])6"Jֻ 5Ay\c"i(eȦ9 bS>ů*vT@hE _K#ضe%yN14POOn T\$3joZV(@H&\bEH$$1=3 *yckS`Wl uO=W-3\OJLdcuD-ST%o)Q@7hirdֳF@P=d8Yi^U_-wuG%jh%ƍP; `JEl\fM'ժ&nLX GOoe  /\N/"i[]`"-cFCĶzX]uwdOe]>t"-cFCĶv$8qY%hz6PQ\dr[ h&6E23vf!ޑ;5fnsGY(ag:ϧ(ADQP^NΆ* h4\B3g+{=B6r8i)EtϝuA: nV=_ 8nn&,`\f09o]Zy[rF.PvKD-}Wn8tdyn#»MV&]95(٨n.ɳfPQ\dr[ h&6E23vf!ޑ;5n=(u#ڊ?#Ђ>8nn&,`\f,-OZVynjPQ\dr[ +:ATT-n2[3lh``n;VPZv g\ "x^P=IaEqUP>׌LխY~8(28rL^+nt`"֑ ł)cfS)2ܴ>s|vs"SN4eHA YoؠFʲr7״` ntUi6xS=Oʘ{5O$b"S\7EYkz(Q_8nn&,`\fUp,C Ey:5 b~7}vw !DwxCzpiWQ%çn#»MV&]95(CKRm㛖j8PF-C4ra77]f=Yͽ6M頴MYNedE ͜JSч6fL+afZ#S s`V z q"*[O)f[JW,GV%O9sS''YNedE ͜~#bvV7gvaؔwrc|}WLcBQi}G3 S[(%sS )Z$ESr;"-cFCĶ`#TUY$G\]~E {EX*}WcUᶧ(5MP^r,v֚sGnځʁ<⁑f>iB&f%u܂BsnJ~jY?ެ8qn+? ):keu _ ר5+)B{o!.ҲPkghf ~dduo[u>z I,"} =@K}25ܛy*L.~4EITMf#u܎C}izN=?{7a<^y7T.ka}=Co 3BY[x zQH^l/ tIHԺ$0.חw]VӠ}OkQ\y;<qn%`SS-1)~T@>(."4󳍒m[t ;֑%Nߵ;^܅ \/&trϦUjvcӜĢ_Bh^ ]x_+BzkV¶xݖf]FR)Vܟ._ϴ~ibsZ5bք~sOv.j9P; `Q&7\GP7{(TBIWjw@vs#Wed懸Kp9k!KQ&֥qauy[\)$>@ v@^]VѢ_es=\Fi|Շ>$V GiQ^@k]'N%Lef]a}=Co 3ʌ2̓(m! "!AĀ*-[(>ڴV~UCLTƁ.,$ߪF;D&g TX* /Pri?(89'/!u=ؖSNOM(;RvrT*AKp9k!KQ&֥qauم XbUݙ3xnUjfBtv~L_g̳d@xN6[We]DWU+~pcwvy?U"!hu̯5 4f.,Lp5GpQuݽ:y#;dclپo5+ ^6̄fi[D-: irFQ+8098||Y?j9_DQP^NΆ* h4s8{~Ph}(d('ensurerowvisible', index); } }); // enable or disable the selection. $("#enableselection").on('select', function (event) { var index = event.args.index; $("#selectrowbutton").jqxButton({ disabled: false }); switch (index) { case 0: $("#jqxgrid").jqxGrid('selectionmode', 'none'); $("#selectrowbutton").jqxButton({ disabled: true }); break; case 1: $("#jqxgrid").jqxGrid('selectionmode', 'singlerow'); break; case 2: $("#jqxgrid").jqxGrid('selectionmode', 'multiplerows'); break; case 3: $("#jqxgrid").jqxGrid('selectionmode', 'multiplerowsextended'); break; case 4: $("#jqxgrid").jqxGrid('selectionmode', 'multiplerowsadvanced'); break; } }); // enable or disable the hover state. $("#enablehover").on('change', function (event) { $("#jqxgrid").jqxGrid('enablehover', event.args.checked); }); // display selected row index. $("#jqxgrid").on('rowselect', function (event) { $("#selectrowindex").text(event.args.rowindex); }); // display unselected row index. $("#jqxgrid").on('rowunselect', function (event) { $("#unselectrowindex").text(event.args.rowindex); }); // select the second row. $("#jqxgrid").jqxGrid('selectrow', 2); });
Enable Hover
Selection Mode:
Selection Modes:
  • "none" - disables the selection. Selection is possible only through the API.
  • "singlerow" - full row selection. Each click changes the selected row.
  • "multiplerows" - each click selects a new row. Click on a selected row unselects it.
  • "multiplerowsextended" - users can select multiple rows with drag and drop or
    by clicking on rows while holding Ctrl or Shift.
Selection Log:
Selected Row Index:
Unselected Row Index: