Messages

136

ParamQuery Pro Evaluation Support / Re: Can't type in text in header filter on Android

« on: July 22, 2023, 07:24:04 pm »

I found the issue, it is due to a Chrome bug (https://bugs.chromium.org/p/chromium/issues/detail?id=1466893#c_ts1689983830)

The issue is that pqGrid, when there is a refresh or refreshView, pqGrid recreates its contents, so instead of just refreshing the grid and not the header, it does both.  This means that the selected filter gets destroyed (so it rightfully loses focus) then recreated.  We need a refreshGrid that doesn't refresh the header rows, which would fix this.

However, I did create a fix

Code: [Select]

// Get the name of the focused filter
var focus = $(grid).find("input.pq-search-txt:focus),
      focused_name= focus.attr("name");
// Do any grid refresh
$(grid).pqGrid("refresh");
// Now find the newly created filter input and select it
if(focused_name) $(grid).find("input.pq-search-txt[name="+focused_name+"]").focus();

137

ParamQuery Pro Evaluation Support / Re: Grid auto width scroll bars

« on: May 18, 2023, 07:11:52 pm »

Thanks Paramvir,

Regarding point 1, is there any way to set some columns as fixed width, make the grid try and fill the full width, however if it is too wide due to the fixed width columns, enable horizontal scrolling?  Other grids like jqGrid get around this.

J

138

ParamQuery Pro Evaluation Support / Re: Grid auto width scroll bars

« on: April 22, 2023, 01:05:21 am »

Answering my own question regarding hiding the "undefined" for no rows, just set the following CSS:

Code: [Select]

.pq-grid-norows { display:none;}

139

ParamQuery Pro Evaluation Support / Grid auto width scroll bars

« on: April 22, 2023, 12:54:05 am »

I have set the following options:

   stripeRows: true, // Show stripes
      menuIcon: false,
      scrollModel:{autoFit:true},
      flex: { on: true },
      showTitle: false, // Hide table title
      wrap: false, // Cell content on one line
      hwrap: false, // header content on one line
      showTop: false, // Hide top  (including col move icons)
      selectionModel: { type:"row", mode:"single", column:false, all:false}, // Select rows
      wrap: false,

I also have some columns with min and max width set.  The issue is that due to the min and max width, when the grid is not wide enough to fit all the columns, there is no horizontal scroll bar, instead the far right columns are clipped off screen.  I need the flexible auto width to the screen, and when that is not possible (minimum width due to column width constraints), the horizontal scroll bar should appear instead of clipping the grid.

Also, when the data is empty, as in dataModel: {data: []}, how do I remove/hide or disable the "undefined" message?