Как отключить заголовок по умолчанию в response-data-grid

Question

У реакционной-сетки данных есть подсказка по умолчанию для каждой ячейки. Он добавляет атрибут заголовка автоматически. Я не хочу эту подсказку, как я могу скрыть это?

Кроме того, я не хочу использовать пользовательский форматер. Я думаю, что это будет накладные расходы.

Например, попробуйте навести курсор на любую клетку

Смотрите нежелательную подсказку о Кристине здесь

Answer 1

Это может быть невозможно обойтись без обычая formatter

Что касается накладных расходов, проверьте реализацию, которая использует SimpleCellFormatter https://github.com/adazzle/react-data-grid/blob/master/packages/react-data-grid/src/formatters/SimpleCellFormatter.js там ничего особенного не происходит

class SimpleCellFormatter extends React.Component {
  static propTypes = {
    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object, PropTypes.bool])
  };

  shouldComponentUpdate(nextProps) {
    return nextProps.value !== this.props.value;
  }

  render() {
    return <div title={this.props.value}>{this.props.value}</div>;
  }
}

Имейте свой пользовательский форматер, как это (так же, как выше, за исключением title атрибуты):

class CustomSimpleCellFormatter extends React.Component {
  static propTypes = {
    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object, PropTypes.bool])
  };

  shouldComponentUpdate(nextProps) {
    return nextProps.value !== this.props.value;
  }

  render() {
    return <div >{this.props.value}</div>;
  }
}

И это прилагается к вашему columns

const columns = [
  {
    key: "id",
    name: "ID",
    sortDescendingFirst: true
  },
  {
    key: "title",
    name: "Title",
    title: false
  },
  {
    key: "firstName",
    name: "First Name",
formatter: CustomSimpleCellFormatter,
  },
...

Надеюсь, это поможет.