Tag: PRIMEREACT
¿Existe alguna forma de agregar una nueva fila al hacer clic en un botón en DataTable en PrimeReact, tal como se hace en PrimeFaces? No encontré ninguna funcionalidad en PrimeReact en la documentación, sin embargo, hay una opción disponible en PrimeFaces. https://www.primefaces.org/primereact/datatable/
Quiero convertir esta parte de código (etiqueta span con estilos) en una cadena de texto y los estilos deben aplicarse a la cadena, de manera que cuando renderice la cadena, se active el CSS. let text = `<span style=”{{fontFamily:” ‘rubik,=”” sans-serif’,=”” fontsize:=”” ’12px’,=”” fontweight:=”” ‘normal’,=”” letterspacing:=”” ‘0px’,=”” color:=”” ‘#667891’}}=””> {this.props.strings.TotalRecords} . . . Read more
¿Cómo puedo agregar estilos a la propiedad currentPageReportTemplate de este componente? public render(): React.ReactElement<imonitoringprops> { const template = { layout: ‘FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport’, CurrentPageReport: `${this.props.strings.TotalRecords} {totalRecords}` // ‘CurrentPageReport’: <span style=”//” {{fontfamily:=”” ‘rubik,=”” sans-serif’,=”” fontsize:=”” ’12px’,=”” fontweight:=”” ‘normal’,=”” letterspacing:=”” ‘0px’,=”” color:=”” ‘#667891’}}=””> // {this.props.strings.TotalRecords} {this.state.totalCount} // </span> . . . Read more
Tengo una tabla de primereact <code>DataTable</code> con una columna que contiene un botón de esta manera: <column header=”Acciones” body=”{“></column><div> <button icon=”pi pi-pencil” classname=”p-button-rounded p-button-text” onclick=”{(e)” ==””> { // ¿Cómo obtengo el índice de la fila aquí? }} /> </button></div> }/> Como puedes ver en el comentario, necesito obtener el índice . . . Read more
¿Hay alguna forma de usar iconos personalizados en el árbol de PrimeReact? He intentado importarlos en un archivo CSS y usarlos así, pero no ha funcionado. Aquí hay una muestra de un archivo JSON con el uso de iconos de PrimeReact: “key”: “0-0”, “label”: “Trabajo”, “data”: “Carpeta de trabajo”, “icon”: . . . Read more