Table Drag
Table List Table Drag
Add the class `table-drag` to the `table` element.
Add the class `c-drag` to any column `th` or `td` that should be able to start the drag. This adds `cursor: move`.
On `mousedown`:
- Add `table-dragging` to `table-drag`
- Add `c-dragging` to all `th` and `td` inside the column being dragged
- Add `c-droppable` to all `th` and `td` inside columns that can be dropped into
- Clicking links inside `th` in tables that are sortable should not trigger the drag
- Copy the contents of the table column and add the table's classes + `table-clone` class to the `table`
On `mousemove`:
- `table-responsive` should scroll left and right while dragging if there is overflow
On `mouseup`:
- Remove `table-dragging` from `table-drag`
- Remove `c-dragging` on all `th` and `td`
- Remove class `c-droppable` in all `th` and `td` or leave it
| Not Draggable | Purchasing Power Parity | Official Exchange Rate | Real Growth Rate | Household Consumption | Government Consumption | Fixed Capital Investment | Inventories Investment | Exports | Imports |
|---|---|---|---|---|---|---|---|---|---|
| $45.3 billion | $20.65 billion | 3.1% | 96.5% | 23.3% | 25.4% | 0% | 18.1% | -63.4% | |
| $2.416 trillion | $2.19 trillion | 2.3% | 62.5% | 21.7% | 18.3% | 0% | 12.4% | -14.9% | |
| $29.39 billion | $18.56 billion | 6.2% | 65.9% | 12.5% | 27.9% | 1% | 49.9% | -56.3% | |
| $1.389 trillion | $1.356 trillion | -1.3% | 59% | 19.9% | 18.4% | 0.4% | 32.8% | -30.4% |
Table List with Links Inside TH
The designs showing the drag icon makes no sense, probably best not to include it until we get clarification from Lexicon Team. See https://projects.invisionapp.com/share/VMNV3EWHJWZ#/screens/317962354 for why it makes no sense.
| ID | Title | Status | Modified Date | Display Date | Author | Type | ||
|---|---|---|---|---|---|---|---|---|
| Group 1 | ||||||||
|
|
21146 |
.table-list-title (not a link)
Some regular text
|
-- | 2 Hours Ago | -- | Stanley Nelson | Folder | |
|
|
21148 | -- | 2 Hours Ago | -- | Stanley Nelson | Folder | ||
|
|
21149 |
Cultivar extra
|
-- | 2 Hours Ago | -- | Stanley Nelson | Folder | |
|
|
21150 |
Cultivar extra
|
-- | 2 Hours Ago | -- | Stanley Nelson | Folder | |