Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

📐A table component for Ink.

NotificationsYou must be signed in to change notification settings

maticzav/ink-table

Repository files navigation

npm version

A table component forInk.

Install

npm install ink-table

Usage

importTablefrom'ink-table'constdata=[{name:'Sosa Saunders',gender:'male',age:17,email:'sosa.saunders@mail.com',phone:'+1 (809) 435-2786',},{name:'Angelina Kirk',gender:'female',age:3,email:'angelina@kirk.io',phone:'+1 (870) 567-3516',},{name:'Bradford Rosales',gender:'male',age:20,email:'bradfordrosales@fast.com',phone:'+1 (918) 573-3240',},{name:'Gwen Schroeder',gender:'female',age:17,email:'gwen@corp.xyz',phone:'+1 (987) 417-2062',},{name:'Ellison Mann',gender:'male',age:5,email:'ellisonmann@katakana.com',phone:'+1 (889) 411-2186',},]constBasic=()=><Tabledata={data}/>render(<Basic/>)

Documentation

typeScalarDict={[key:string]:string|number|boolean|null|undefined}exporttypeTableProps<TextendsScalarDict>={/**   * List of values (rows).   */data:T[]/**   * Columns that we should display in the table.   */columns:(keyofT)[]/**   * Cell padding.   */padding:number/**   * Header component.   */header:(props:React.PropsWithChildren<{}>)=>JSX.Element/**   * Component used to render a cell in the table.   */cell:(props:React.PropsWithChildren<{}>)=>JSX.Element/**   * Component used to render the skeleton of the table.   */skeleton:(props:React.PropsWithChildren<{}>)=>JSX.Element}

License

MIT ©Matic Zavadlal


[8]ページ先頭

©2009-2025 Movatter.jp