0
168
Views¿Cómo imprimir la casilla de verificación en una fila en lugar de una columna?
<div> <div> <IndeterminateCheckbox {...getToggleHideAllColumnsProps()} /> Toggle All </div> {allColumns.map((column) => ( <div key={column.id}> <label> <input type="checkbox" {...column.getToggleHiddenProps()} />{' '} {column.id} </label> </div> ))} </div> Mi código se imprime como
la casilla de verificación para ocultar y mostrar la columna está impresa en la columna 
¿Cómo hacer que imprima la casilla de verificación en una fila?
·
Juan Pablo Isaza
1 answers
Answer question0
Necesita lograr esto con la aplicación de estilo. Puede agregar display inline-block a la división interna.
<div> <div> <IndeterminateCheckbox {...getToggleHideAllColumnsProps()} /> Toggle All </div> {allColumns.map((column) => ( <div key={column.id} style={{display: 'inline-block'}}> <label> <input type="checkbox" {...column.getToggleHiddenProps()} />{' '} {column.id} </label> </div> ))} </div> O puede agregar display flex para el contenedor div
<div> <div> <IndeterminateCheckbox {...getToggleHideAllColumnsProps()} /> Toggle All </div> <div style={{display: 'flex'}}> {allColumns.map((column) => ( <div key={column.id}> <label> <input type="checkbox" {...column.getToggleHiddenProps()} />{' '} {column.id} </label> </div> ))} </div> </div>
·
Juan Pablo Isaza
Report
Answer question