ListView Control - have hidden column so it is searchable but not visible

@estruyf ,

Category

[ x ] Enhancement

[ ] Bug

[ x ] Question

Version

"@pnp/spfx-controls-react": "1.16.0"

Expected / Desired Behavior / Question

I have fields that I want to be searchable but maybe not visible (in the case of smaller screen size).

It would be great to have a boolean property that I can pass in the IViewField to make it hidden but searchable.

Maybe there is with the render property but I have no clue how to do that.

Thanks!

Observed Behavior

I tried setting these properties to something that would give the effect
minWidth=0, maxWidth=0, sorting=false, isResizable=false, displayName=""

But when I do, I see both a full size version of the column as well as a small version on the far right.
Also, when I remove the displayName, it wants to put the name in it's place. Maybe that is by design though.

Steps to Reproduce

export const  timeSpan : IViewField = {
  name: "listTimeSpan",
  displayName: "",
  //linkPropertyName: "c",
  isResizable: false,
  sorting: false,
  minWidth: 0,
  maxWidth: 0
}

With normal visible settings

With settings I listed above

Start from the ListView control and the IViewField definition referenced in the issue, then trace how field visibility and search are handled. Confirm the expected behavior against the supplied timeSpan example: the field should remain searchable without rendering a visible column, while ordinary fields continue to display normally.