sorting - jqGrid place sort arrow icon on the left -


How do I put arrows on the left side in the filter header?

example

I saw the problem as an implementation Is because the arrow container (s-ico) is inside the container header (Ui-jqgrid-sortable) ...

     

Display: None

I initially tried : hidden in the first and not sortable columns in the span tag detects the sorted columns using the selector, but all the columns are empty only span and This selector is correct for two types of columns

  & lt ;! - sortable - & gt; & Lt; div id = "jqgh_manager" class = "ui-jqgrid-sortable" & gt; Manager & lt; Span class = "s-ico" & gt; & Lt; Span sort = "asc" class = "ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-ui-sort-ltr" & gt; & Lt; / Span & gt; & Lt; Span sort = "desc" class = "ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-ui-sort-ltr" & gt; & Lt; / Span & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt ;! - Not Sortable - & gt; & Lt; div id = "jqgh_operator" class = "ui-jqgrid-sortable" & gt; Operator & lt; span class = "s-ico" style = "display: none" & gt; & Lt; Span sort = "asc" class = "ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-ui-sort-ltr" & gt; & Lt; / Span & gt; & Lt; Span sort = "desc" class = "ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-ui-sort-ltr" & gt; & Lt; / Span & gt; & Lt; / Span & gt; & Lt; / Div & gt;   

So, we can see the style rule for the span tags

  // jQuery.jgrid.extend on the left ({MoveSortArrows: function () {// Just run in sorted colors // We have to look at the styling rules, because we can not use it: if the selector selects correct with // width and height equal to this selector // more info // See the official document for - http://api.jquery.com/hidden-selector/ $ ('. Ui-jqgrid-sortable: is (span.s-ico: no ([style * = "display: someone No "])) '). Add the left padding for each (function () {// arrow $ (this) .css (' padding-left ', '16px') // moving arrow $ (this). ('Span.s-ico') .css ({"position": "absolute", "left": 0});});}});   

Enter image details here

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -