Alarm Setting Dialog - Copy this React, Tailwind Component to your project

<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', borderRadius:10,}}> <ConfirmDialog /> <h2>Setting Alarm</h2> <div style={{width:'100%' , borderRadius:5 }}> <DataTable rowGroupMode="subheader" size={'normal'} resizableColumns tableStyle={{ minWidth: '50rem' }} value={combinedData} groupRowsBy="mainCategory" sortOrder={1} > {/* <Column field="modbus" header="Modbus" /> */} <Column field="timeUpdate" header="Time Update" /> <Column field="name" header="Name" /> <Column field="value" header="Value" /> <Column field="high" header="High" /> <Column field="low" header="Low" /> <Column field="update" header="Update" /> </DataTable> </div> <br /> <br /> </div> css dựa trên cái này thôi