Recent Posts

71

Help for ParamQuery Pro / Re: Expanding detail row

« Last post by paramvir on March 21, 2026, 09:00:02 pm »

Thanks for your query.

I’ve added notes and updated the example with the solution here:
https://paramquery.com/pro/demos/nesting

The solution involves adjusting the padding of the detail row so it spans both the frozen and scrolling panes, and updating its stacking order (z-index) via CSS to ensure it displays correctly across both sections.

72

Help for ParamQuery Pro / Re: Expanding detail row

« Last post by jplevene on March 21, 2026, 02:12:01 am »

How would you suggest I do it?

As you can see I made it transparent and it seemed fine.  I remeber the previous bug but there are three backgrounds as I added an extra one to the second frozen row.  I'm suggesting just making the standard 2 transparent, ad column 2 as you can see is wider than the other columns, so the narrow columns will never reach behind the icon column, but even if it does, I can just give it another background.

73

Help for ParamQuery Pro / Re: Expanding detail row

« Last post by paramvir on March 20, 2026, 10:51:03 pm »

I wouldn’t recommend implementing it that way.

Making it transparent would cause the right-side cells to show through behind the left pane during scrolling. Also, using pointer-events: none would interfere with selections in the main grid.

74

Help for ParamQuery Pro / Re: Expanding detail row

« Last post by jplevene on March 20, 2026, 09:40:19 pm »

How would you suggest changing the background like I suggested?  Would you suggest doing it in rowInit, render, columnPostRender, etc?

Also please could I add a feature request for a setting in "detailModel" for "useFrozenColumns" as it is just wasted space.  This option would just make the blank space transparent and remove the vertical line and replace it with a shorter one.  Also mouse events ignore so the transparent area can be clicked through.

75

Help for ParamQuery Pro / Re: Expanding detail row

« Last post by paramvir on March 20, 2026, 09:17:20 pm »

The detail row is designed to appear only in the scrolling (unfrozen) pane, and currently there’s no option to display it in both the frozen and unfrozen panes simultaneously..

As per your workaround, you can try set border-right:none of pq-cont-left to hide the frozen pane border.

76

Help for ParamQuery Pro / Expanding detail row

« Last post by jplevene on March 20, 2026, 02:52:34 am »

Firstly, the rowExpand event is missing, so I have had to resort to using beforeRowExpand with a timeout.

Please see the attached images.  My first two columns are frozen, being the icon column and the "Name" column.  When the row expands, all the blank space in the fixed columns is wasted, and I want to get the green box to use it.  Is this possible and how?

The only way I thought was to make the div.pq-table-left and its div.pq-grid-row children have no background.  The only issue is the "border-right" that has been left behind (second screen shot).

P.S. If you are wondering, I have a script in the scroll and beforeRowExpand event that positions the green box so that it is always in that position and the correct width

77

Bug Report / Re: Filter input, drop down arrow has no padding to protect it

« Last post by jplevene on March 15, 2026, 09:49:31 pm »

I found where it is going wrong

.pq-theme input, .pq-theme textarea, .pq-theme select {
...
padding: .2em .28em;
...
}

But it is only one of the cells (see image) because I added },

style:"text-align:left"

78

Bug Report / Re: Filter input, drop down arrow has no padding to protect it

« Last post by jplevene on March 15, 2026, 07:13:23 pm »

Everthing is visible, its just too many options goes under the drop arrow so it gets confusing.

You have set the padding in the style as 16px (not em) and not in a class assigned to (maybe like "pq-grid-hd-search-field-drop-down"), so when I do something like below, it goes wrong:

Code: [Select]

depot_filter = {
crules: [{condition:"range", value:[]}],
selectGridObj: function(ui) {
// Change the label render
ui.obj.colModel[0].renderLabel = function(ui){ return htmlEntities(ui["rowData"]["NAME"]); };
ui.obj.colModel[0].sortable = false;
},
//options: [], // Set below
gridOptions: {
stripeRows: false, // No stripey rows
numberCell: {show: false}, // Hide the number column
filterModel: {header: false},// Hide search box in the dropdown
focusModel: { focusable: false, onTab:""}, // Prevent the focus box
selectionModel: {type:null, column:false} // Disable row selection
},
title: function(sel, ui, column){
var s = "";
if(!empty(sel))
for(var i = 0; i < sel.length; i++) {
s += (s===""?"":", ") + depots_ids[ sel[i] ];
}

return s;
}
};

79

Bug Report / Re: Filter input, drop down arrow has no padding to protect it

« Last post by paramvir on March 14, 2026, 10:09:45 pm »

I don't see this issue in v11.1.0

https://paramquery.com/pro/demos/filter_header_local

dropdown icon in ShipCountry column remains visible.

80

Help for ParamQuery Pro / Re: Make a fixed column look and behave like a header row

« Last post by jplevene on March 13, 2026, 03:14:34 pm »

I have added a feature request as other grids have have ways to disable cell selection.