Table with spans over multiple columns

Question

I am looking for solution method to visualize something similar to this . It should be a table where spans can go over multiple columns. One should also be able to drag&drop these spans. These spans should reorder themselves correct.

I am not necessarily looking for a code solution, just the solution idea I should proceed with.

Answer 1

This looks mostly likely styling, CSS or Cascading Style Sheets. To achieve what you're looking for can be done pretty easily with Bootstrap 3 http://getbootstrap.com/ . But there are tons of CSS libraries you can use. It's really your preference and how custom you want.

You can also look on GitHub for similar solutions. These solutions show code examples and can give you even more insight on what you may or may not want to do.

Good luck to you

Answer 2

您可以设置position: relative对于表的所有td's ，然后position: absolute和比td's大的z-index到span's ，因此跨度将绘制在您的td's