How to use the @patternfly/react-table.TableGridBreakpoint.none function in @patternfly/react-table

To help you get started, we’ve selected a few @patternfly/react-table examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github kiali / kiali-ui / src / components / VirtualList / VirtualList.tsx View on Github external
render() {
    const { rows } = this.props;
    const { sortBy, columns, conf } = this.state;
    const tableProps = {
      cells: columns,
      rows: [],
      gridBreakPoint: TableGridBreakpoint.none,
      role: 'presentation',
      caption: conf.caption ? conf.caption : undefined
    };

    return (
github openshift / console / frontend / packages / noobaa-storage-plugin / src / components / bucket-class / wizard-pages / backingstore-page.tsx View on Github external
setSearchInput2(v)}
                value={searchInput2}
                type="text"
                aria-label="Search Backing Store"
              />
            
             onSelect(isSelected, 1, rowData)}
              cells={columns}
              rows={filterSearch(searchInput2, filterSelected(storeMain, 1))}
              variant={TableVariant.compact}
              gridBreakPoint={TableGridBreakpoint.none}
              className="nb-bc-bs-page__table--short"
              canSelectAll={false}
            >
              
              
            <table aria-label="Select Backing Store for Tier 2"></table>
            <p>
              {state.tier2BackingStore.length} resources selected
            </p>
          
        )}
      
    );
  },
);
github openshift / console / frontend / packages / ceph-storage-plugin / src / components / ocs-install / node-list.tsx View on Github external
})
      .catch((err) =&gt; {
        setProgress(false);
        setError(err.message);
      });
  };

  return (
    &lt;&gt;
      <div>
        
          
        <table rows="{nodes}">
          </table>
      </div>
      <p id="nodes-selected">
        {selectedNodesCnt} node(s) selected
      </p>
      
        
          <button type="button"></button>
github openshift / console / frontend / public / components / factory / table.tsx View on Github external
render() {
      const {
        scrollElement,
        Rows,
        Row,
        expand,
        label,
        mock,
        onSelect,
        selectedResourcesForKind,
        'aria-label': ariaLabel,
        virtualize = true,
        customData,
        gridBreakPoint = TableGridBreakpoint.none,
      } = this.props;
      const { sortBy, columns } = this.state;
      const componentProps: any = _.pick(this.props, [
        'data',
        'filters',
        'selected',
        'match',
        'kindObj',
      ]);
      const ariaRowCount = componentProps.data &amp;&amp; componentProps.data.length;
      const scrollNode = typeof scrollElement === 'function' ? scrollElement() : scrollElement;
      const renderVirtualizedTable = (scrollContainer) =&gt; (
        
          {({ height, isScrolling, registerChild, onChildScroll, scrollTop }) =&gt; (
            
              {({ width }) =&gt; (