Hey guys, How did you make resizable cell, rows table?

        <table className="w-[360px] max-w-[1200px] border-collapse border border-slate-500">
            <tbody>
            {
                rows.map((cells, row_index) => {
                    return (
                        <tr key={row_index} className="">
                            {
                                cells.map((value, index) => {
                                    return (
                                        <td className="border border-slate-600 resize-x" key={index} contentEditable={true}
                                            suppressContentEditableWarning={true} suppressHydrationWarning={true}>
                                            <span className="">
                                                {
                                                    value
                                                }
                                            </span>

                                        </td>
                                    )
                                })
                            }
                        </tr>
                    )
                })
            }
            </tbody>
        </table>

but I cannot controlled my table