как добавить прослушиватель кликов в строку таблицы в antd vue - PullRequest
Новая
       10

как добавить прослушиватель кликов в строку таблицы в antd vue

1 голос
/ 01 февраля 2020

Это фрагмент кода для таблицы, которую я пытаюсь отобразить, импортировал a-table из antd. В настоящее время мы можем добавить дополнительные td для достижения функции щелчка, чтобы перейти на страницу сведений с этой страницы списка 

<a-table
    :columns="companiesColumns"
    :dataSource="getDisplayData"
    class="companies-table"
    :pagination="false"
    rowKey="id"
    >
    <span slot="nse_symbol" slot-scope="nse_symbol" class="nse-symbol">
        <span>{{ nse_symbol || '-' }}</span>
    </span>
</a-table>

1 Ответ

1 голос
/ 01 февраля 2020

Antd Vue включает в себя свойство customRow, которое позволяет устанавливать реквизиты для строки.

Пример использования (обратите внимание: antd vue использует здесь синтаксис vue jsx) 

<Table
  customRow={(record) => {
    return {
      props: {
        xxx...
      },
      on: {
        click: (event) => {},       // click row
        dblclick: (event) => {}, // double click row
        contextmenu: (event) => {}  // right button click row
        mouseenter: (event) => {}   // mouse enter row
        mouseleave: (event) => {}   // mouse leave row
      },
    };
  )}
  customHeaderRow={(column) => {
    return {
      on: {
        click: () => {},        // click header row
      },
    };
  )}
/>

Подробнее здесь: https://www.antdv.com/components/table/#customRow -usage

Обновление

Как указывалось в OP, для этого примера из документов требуется дополнительный плагин для это на работу. Плагин можно найти здесь: https://github.com/vuejs/babel-plugin-transform-vue-jsx

...