2017-03-17 9 views
0

私はReagent Paginateを使用しています。ちょうど前の<と私のページの次のレベルが必要です。しかし、1から10までの数値も表示しています。以下の作品ならばReact Paginateの使用

+2

コードを表示してください。 –

+0

よくcssとuは、ディスプレイなしでそれを隠すことができ、それに応じて、背中合わせにすることができます。しかし、ユースケースは何ですか? –

答えて

1

参照:

<ReactPaginate previousLabel={"previous"} nextLabel={"next"} pageCount={0} ...anyOtherProps /> 

そうしないと、あなただけのいくつかの簡単なフィルタリングを行うことができます。いくつかのオプションは、CSSでページカウントを対象にしてdisplay:none属性を追加するか、単にJSでDOMからそれを削除することです。

+0

Thansk.Page count 0は動作します。 – Priyanka

+0

聞いてよかった!それがあなたの質問を解決した場合は、答えをマークしてください:) –

0

私はそれを扱う最良のコンポーネント、react-pagination-customを見つけました。

<TinyPagination 
    total = {...} 
    selectedPageId = {...} 
    itemPerPage = {...} 
    renderBtnNumber = {...} 
    maxBtnNumbers = {...} 
    preKey = '...' 
    nextKey = '...' 
    {...someOptionalProperties} 
/> 

それはカスタムのすべて(数字ボタン、ラップコンテナ、スプレッド、...)が可能。そのドキュメントはよく、デモも明らかです。

関連する問題