Swimming Training Program - Copy this React, Tailwind Component to your project

I'm going to create a web for managing swimming training programs. The registration UI should be able to register and edit like an Excel sheet. And the x axis and y axis data are as follows. x axis: Training content, distance, number of times, set, cycle, rest, training intensity, training volume, training time, training details y axis: Warm up, Pre Set, Main Set, Cool Down And the UI has the following functions: Can add or delete rows. Can change the order of rows. Can edit cells.