Пагинация для таблицы antd
Я использую компонент Table из библиотеки antd. Я хочу передать свойство разбиения на страницы компоненту Table. В документации говорится, что передайте объект конфигурации разбиения на страницы, который относится к самому компоненту разбиения на страницы.
Итак, я передаю объект разбиения на страницы, используя имена свойств компонентов разбиения на страницы в качестве ключей, например
<Table pagination = {{pageSizeOptions : ['30', '40'], showPageSizeOptions : true}} {...otherProps} />
Но когда я проверяю компонент Table в React-Inspector, я не вижу опоры разбиения на страницы в свойствах компонентов, но она присутствует в состоянии компонента и имеет значения по умолчанию.
Как использовать свойство pagination для компонента Table?
Я нашел эту статью очень полезной blog.emiketic.com/2018/…
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
создание объекта конфигурации разбивки на страницы и использование его с синтаксисом распространения объекта сработали!
config = {
pagination : {
pageSizeOptions : ['30', '40'],
showSizeChanger : true
}
}
<Table {...config} {...otherProps} />
Это сработало, но я не понимаю, почему и в чем разница между двумя семантиками двух синтаксисов.
Замените «showPageSizeOptions» на «showSizeChanger».
т.е.
<Table pagination= { {pageSizeOptions: ['30', '40'], showSizeChanger: true}} rowSelection = {rowSelection} columns = {columns} dataSource = {data} />
Я использую antd 3.2.1