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

Question

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

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

например, Попробуйте навести курсор мыши на любую ячейку

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

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,
  },
...

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