Questions tagged [grid]

NOT FOR CSS GRID LAYOUT. Instead use [css-grid]. This tag is ambiguous, please don't use it. For row-column layouts, use [grid-layout]. For the HPC setup, use [grid-computing]. For the R plotting package, use [r-grid]. For multi-dimensional data, use [matrix] or [array] or [raster]. For WPF-Grid control, use [wpfgrid]

In computing grid typically refers to either , or , or the plotting package , or multidimensional data //.

A is a layout which divides a specified area into a defined number of rows and columns. Visually it closely resembles a table with the key distinction being a table layout should be associated with data firstly, whereas a grid layout can include various types of content. A grid is a structure (usually two-dimensional) made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. A grid can be used to organize graphic elements in relation to a page, in relation to other graphic elements on the page or in relation to other parts of the same graphic element or shape.

(aka "Grid"), is a two-dimensional grid-based layout system that aims to do nothing less than completely change the way we design grid-based user interfaces. CSS has always been used to lay out our web pages, but it's never done a very good job of it. First, we used tables, then floats, positioning and inline-block, but all of these methods were essentially hacks and left out a lot of important functionality (vertical centering, for instance). Flexbox helped out, but it's intended for simpler one-dimensional layouts, not complex two-dimensional ones (Flexbox and Grid actually work very well together). Grid is the very first CSS module created specifically to solve the layout problems we've all been hacking our way around for as long as we've been making websites.

is the collection of computer resources from multiple locations to reach a common goal. The grid can be thought of as a distributed system with non-interactive workloads that involve a large number of files. What distinguishes grid computing from conventional high performance computing systems such as cluster computing is that grids tend to be more loosely coupled, heterogeneous, and geographically dispersed. Although a single grid can be dedicated to a particular application, commonly a grid is used for a variety of purposes.

is a low-level plotting package for .

and refer to 2-dimensional and multi-dimensional rectangular data structures.

is a 2-dimensional array of pixels.

11913 questions
28
votes
2 answers

Bootstrap 3.1 How to use mixin make-grid-columns()?

I used to use Bootstrap 3.0, and compiled my css from the bootstrap less files + some of my own less. In this some of my classes adopts some bootstrap styles like this: .myClass{ .col-md-3; border: 1px solid #000; [etc, etc] } It worked…
hasse
  • 883
  • 2
  • 10
  • 24
27
votes
4 answers

How to have different horizontal and vertical spacing in Material UI Grid?

In Material UI, to space Grid Item vertically, I provided spacing in Grid Container. It looks good on big screens but on mobile, it results in awkward horizontal spacing between Grid Items.
Raghav
  • 343
  • 1
  • 4
  • 8
27
votes
12 answers

What is the best library for Java to grid/cluster-enable your application?

This is the ability to run your application on a cluster of servers with the intent to distribute the load and also provide additional redundancy. I've seen a presentation for GridGain and I was very impressed with it. Know of any others?
Sarel Botha
  • 12,419
  • 7
  • 54
  • 59
27
votes
1 answer

Bootstrap grid with fixed wrapper - Prevent columns from stacking up

As the title says I'm trying to use Bootstrap 3 grid system with a fixed wrapper. But when I resize the Browser the columns stack up even if the wrapper stays the same size? BTW: I'm using version 3 so that I can move to a responsive layout after I…
John
  • 1,327
  • 1
  • 17
  • 28
27
votes
2 answers

How to setup a grid as template for an Items control?

I'm trying to create an ItemsControl that uses a grid as its ItemsPanel in such a way that it has two columns, where the first columns width is the width of the widest item in that column, and has as may rows needed to display all the…
pastillman
  • 1,104
  • 2
  • 16
  • 27
26
votes
1 answer

no template property on grid style in WPF?

i want to move all the content of a Grid to a style/template/Container (don't know which one to choose...), but I tried to move it to a Style. but the problem is I get the error : "Cannot find the Style Property 'Template' on the…
Rodniko
  • 4,926
  • 20
  • 69
  • 93
26
votes
4 answers

ExtJS 4 Change grid store on the fly

Is it posible to change grid's store in ExtJS 4? For example, i have two models: User = Ext.define('User',{ extend: 'Ext.data.Model', [...], hasMany: 'Product' }); Product = Ext.define('Product',{ extend: 'Ext.data.Model', [...] }); and…
sunsay
  • 1,500
  • 2
  • 21
  • 28
26
votes
5 answers

Styling a WPF layout grid background (of each cell, row, column)

I would like to know if there is any way to style a WPF layout grid's cells, rows and columns. I've been trying to find any information and the few mentions I've found have not been that informative. I would like to style the grid to look like the…
Mladen Mihajlovic
  • 6,095
  • 7
  • 40
  • 55
26
votes
6 answers

Center a grid container vertically and horizontally

Surprisingly, I can't find anything about this online. Maybe I've missed something. How do you horizontally and vertically center your entire main wrapper with CSS Grid, and obviously, maintain responsiveness? .wrapper { display: grid; …
parsa_047Fletcher
  • 427
  • 1
  • 5
  • 9
26
votes
1 answer

Empty message in gridPanel

I'm using Extjs gridPanel to display data. I want to show "No data..." message in gridPanel when no data available. How to do this ?. I tried emptyText property but its not worked. I think emptyText is for gridView not for gridPanel. Please help me…
nani1216
  • 261
  • 1
  • 3
  • 4
26
votes
4 answers

Align Grid column to right

I have a Windows Phone / XAML Grid composed by 3 columns. In particular, I want the third column to be aligned to the very right side of the screen.
TheUnexpected
  • 3,077
  • 6
  • 32
  • 62
26
votes
3 answers

Grid Layout support in android API 10

I had developed an app with target API as 15. The layout includes a grid layout. Now when i am changing the Target API to 10 I am getting issues with the grid Layout and another element 'space'. Eclipse prompts me to download a supporting library…
Madhav Kishore
  • 269
  • 1
  • 3
  • 9
25
votes
2 answers

How to make a grid of JSF composite component?

I have lot's of outputLabel and inputText pairs in panelGrids
Anatoli
  • 303
  • 1
  • 5
  • 5
25
votes
2 answers

Equal height of elements inside grid item with CSS grid layout

I have a sequence of articles inside a div of 4+ length, without any rounding row tag. I need to represent it as a table of 3 articles (columns) per row, probably with display: grid. Every article has a header, a section and a footer. How would I…
Igor Yudnikov
  • 434
  • 1
  • 6
  • 14
25
votes
2 answers

Problems with compile grid-column less

There was a problem with property 'grid-column' Css: .someClass { grid-column: 1 / 4; } Less compile it's in css as: .someClass { grid-column: 0.25; } But it's works well: .someClass { grid-column-start: 1; grid-column-end:…
Valentin
  • 253
  • 3
  • 6