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

[mikezimm]

@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

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[tkerkman]

This would be a great enhancement to have. Hopefully, this request gets some movement. Thank you

[michaelmaillot]

Hi @mikezimm,

Indeed, latest version doesn't allow to both hide a column and filter on it.

From my perspective, I see two features to add to IViewField:

• isHidden: to indicate if a viewField should be displayed or not
• IsSearchable: to indicate if a viewField should be searchable or not

What do you think?