Размещение стрелок нумерации страниц по сторонам таблицы вместо номеров страниц

Question

Я должен переместить свою нумерацию страниц влево и вправо в обе стороны от bootstrap -table-next снизу. И мне не нужны цифры, только стрелки. Я использую React, React- Bootstrap -table-next для внешнего интерфейса. Я просто сделал опцию нумерации страниц в моей таблице. Я много искал, но не смог найти ничего удовлетворяющего мой запрос. Вот часть моего кода для разбивки на страницы.

    <BootstrapTable keyField="Date"  
                            data={this.state.posts} 
                            columns={columns} 
                            filter={ filterFactory() }
                            filterPosition="bottom"
                            pagination={ paginationFactory() }
            />

Есть ли какая-либо другая опция, кроме нумерации страниц, для достижения этой цели?

Таблица начальной загрузки следующая

Answer 1

Вы можете настроить параметры путем передачи параметров в paginationFactory (options1) и таких параметров, как показано ниже

            const options1 = {
            paginationSize: 4,
            pageStartIndex: 0,
            firstPageText: 'First',
            prePageText: ' << ',
            nextPageText: ' >> ',
            lastPageText: 'Last',
            nextPageTitle: 'First page',
            prePageTitle: 'Pre page',
            firstPageTitle: 'Next page',
            lastPageTitle: 'Last page',
            showTotal: true,
            paginationTotalRenderer: customTotal,
            sizePerPageList: [{
                text: '5', value: 5
            }, {
                text: '10', value: 10
            }, {
                text: 'All', value: data.length
            }]  the text
            };

BootstrapTable, как это,

            <BootstrapTable
            caption={<CaptionElement />}
            keyField='last updated'
            data={ data }
            columns={ columnsData }
            pagination={ paginationFactory(options1) } 
            />