Comments (6)
No.
gridType: fit
will adjust to container size. Items will have row height and column width depending on that container sizes. So the dashboard will not have any scrollbars.
gridType: fixed
will have the width and height of the container but the items will have a fixed row height and column width provided by the options fixedRowHeight
and fixedColWidth
. In this case the dashboard can have both scrollbars present.
gridType: fixed
and some other options are not available in 1.x version. In case you use [email protected]
from angular-gridster2.
Hi @kirtiesl
What do you mean by strange ? the whole behavior depends on width and height of the container.
The defaultOptions here and explanation
So defaultItemCols
and defaultItemRows
is the number is set on an item that doesn't have cols and rows
These fixedColWidth
and fixedRowHeight
are for gridType
:fixed
and they say a fixed height for rows and width for columns in pixels.
These maxItemCols,minItemCols,maxItemRows,minItemRows
refer to min and max the items in the grid can resize to by the user.
I hope this answers your questions
Let me know if you have any more questions
from angular-gridster2.
do you mean gridType: fit instead of gridType: fixed?
from angular-gridster2.
Could you tell how to set max number of grid-item in columns and rows??
from angular-gridster2.
You mean max number of items you can have in a grid ?
Then if you put in only 1:1 items in a grid of 2:2 you will have 4 items.
So defaultItemCols and defaultItemRows 1
And maxCols, maxRows 2
But I will do this check in the add button function more easily. grid.length > 3 then don't add.
Why would you want to restrict the grid this much ?
If you restrict the grid this much then why use it? Why don't you use the grid from material or bootstrap?
from angular-gridster2.
Closing issue because of no activity.
from angular-gridster2.
Related Issues (20)
- Drag item > Right-click to open context menu > Item sticks to cursor HOT 2
- drag and swap according to bottom tile height not working HOT 1
- I am unable to resize apex charts height and width according to grid item dimensions HOT 1
- how to predefine a grid size with px
- Accessibility issue - cannot drag the widgets by use of keyboard arrow keys
- Gridster "angular-gridster2": "^13.3.2" is giving error ERROR TypeError: (0 , Ie.debounceTime) is not a function at n.ngOnInit (main.js:1:1539939)
- Resize and Drag bug when the mouse moves outside gridster in an iframe/container (Chrome)
- Gridster drag continue event for item is not available
- Resizing in Angular causing this HOT 1
- Indefinite swap of items when they are in the top left corner of the grid
- cannot swap and push items smoothly in vertical scroll
- Scrolling the grid with "verticalFixed" mode and emptyCellDrag enabled
- Hi, In the context of using angular-gridster2, is there a method to assign a label or button to vacant grid cells, allowing the addition of a new grid cell?
- angular v17 has been released HOT 5
- The row width is too large
- [BUG] - Grid is bouncing/jumping in specifc browser size
- Auto Position Items When Browser Window Is Resized
- How to have scroll in the gridster while keeping the grid size
- Responsive and size of items
- is there a way to change grid matrix? 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-gridster2.