Comments (6)
I think what you are describing is the ability to have "static" grid items. This feature is listed in the TODO list, but it is currently not implemented.
The good news is that it should be relatively easy to implement since it is supported within the grid compaction algorithm.
I will try to enable this feature in the next few days and see how is it working, I will give you some feedback soon.
from angular-grid-layout.
Yes, I am talking about this scenario where, if we lock the line chart grid item, it will fix to his position and the bar chart grid item or any grid item can't take his place,
from angular-grid-layout.
I created a Draft PR for this feature. It would be nice if you could test it. That said, I am not fully convinced of how it is working right now. More particularly, I wrote a test use case that is not behaving as expected, and should be fixed IMO (it is the only test that is not passing). I will try to investigate and fix it. Meanwhile, I will keep this feature as a draft.
Feedback is welcome!
from angular-grid-layout.
Perfect, I will look into it, and get back to you thankyou :)
from angular-grid-layout.
I find this feature would be very useful. It is quite common need to create header rows or columns which are not expected to be dragged or replaced in any way. The way I see it, this feature request has two parts:
-
specific cells should not be draggable - there is already a boolean property for this in KtdGridLayoutItem called 'draggable'.
-
specific cells should not collide with one another - this may be a generalization of KtdGridComponent's 'preventCollision' property - which applies to every cell inside the grid. A property with the same name could be added to KtdGridLayoutItem which does exactly the same just on cell level instead of grid level.
from angular-grid-layout.
Hi,
First, thanks a lot for the library. It is really powerful and easy to use.
My use case is having the possibility to set as a header some grid items, but allow the user to change the others. I have currently defined some grid items as not draggable, but those grid items can be moved my other dragging other items before them.
Is there any progress on this?
from angular-grid-layout.
Related Issues (20)
- Add v0 branch HOT 1
- Angular 16 support to use standalone component and signals HOT 8
- Have you supported feature related in drag and drop to add new item in grid and nested grid?
- How to auto adjust the grid height based on content
- Dragging and Resizing not working on windows touch screen
- Can I give specific colour to the cell from database?
- Feature to download whole layout as a pdf
- Grid items not resizing if container is resized
- Lack of Auto-Reversion to Default Position in 'Compact type none' Mode HOT 1
- Feature Request - New Directive for Dragging Items into Grid HOT 2
- Documentation for backgroundConfig HOT 1
- Emit layoutUpdated event when adding or removing items from grid HOT 2
- Absolute width/height
- Add all other resize options (now is only available 'se-resize'). HOT 3
- Support for Angular 16? HOT 1
- RTL direction HOT 2
- Setting Max-height for grid HOT 1
- Drag doesn't work properly when the drag handle is in a child component HOT 1
- Responsive number of columns HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-grid-layout.