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
87
votes
3 answers

Items that span all columns/rows using CSS grid layout

With the CSS Grid Layout Module soon shipping in Firefox and Chrome, I thought that I'd try to get a handle of how to use it. I've tried to create a simple grid with one item a spanning the left side of all of the rows, with the other items (b, c,…
Marlius
  • 871
  • 1
  • 6
  • 4
82
votes
2 answers

Mosaic Grid gallery with dynamic sized images

I have just received the following design for a project, for an image grid gallery, with dynamic width & height images (user submitted images). (Screenshot at the end of post) I have tried jQuery Masonry, Tympanus Automatic Image Montage and…
Dogoku
  • 4,585
  • 3
  • 24
  • 34
81
votes
12 answers

Resize jqGrid when browser is resized?

Is there any way to resize a jqGrid when the browser window is resized? I have tried the method described here but that technique does not work in IE7.
Justin Ethier
  • 131,333
  • 52
  • 229
  • 284
70
votes
6 answers

How to make CSS Grid items take up remaining space?

I have a card built with CSS Grid layout. There might be an image to the left, some text to the right top and maybe a button or a link at the right bottom. In the code below, how can I make the green area take up as much space as possible and at the…
Jens Törnell
  • 23,180
  • 45
  • 124
  • 206
68
votes
3 answers

How to center column and row item in Flutter?

I have a small currency table. I didn't use grid. I used Column and rows. Problem is that items in rows is not showing in center as shown below in the Excel example. What widget do I have to use to make the items centered? The Example…
user9239214
68
votes
2 answers

What does RowDefinition Height="10*" mean in a XAML Grid?

I use Height="*" a bit to mean that the height of the last row should fill to the bottom of the grid. But what does "10*" mean?
Edward Tanguay
  • 189,012
  • 314
  • 712
  • 1,047
64
votes
3 answers

Is there a GUI design app for the Tkinter / grid geometry?

Does anyone know of a GUI design app that lets you choose/drag/drop the widgets, and then turn that layout into Python code with the appropriate Tkinter calls & arrangement using the grid geometry manager? So far I've turned up a couple of pretty…
JDM
  • 1,709
  • 3
  • 25
  • 48
64
votes
9 answers

Is it possible to create a pinterest-like layout with Bootstrap only?

I am trying to the get my head around this for quite some time now: Is it possible to create a pinterest Layout with Twitter Bootstrap only? I know there are jQuery Plugins like Masonry, but is there no way without them? Thanks
Matt
  • 1,803
  • 3
  • 16
  • 17
62
votes
7 answers

Sort dataGridView columns in C# ? (Windows Form)

I have a datagridview that i bind from an sql table, in that dv i have those attributes: Id, Name and Price. When i set the SortMode of the Name Columns to Automatic and i click on the header of this column i can sort this dv based on the first…
AXheladini
  • 1,776
  • 6
  • 21
  • 42
62
votes
4 answers

How to create a self resizing grid of buttons in tkinter?

I am trying to create a grid of buttons(in order to achieve the clickable cell effect) with Tkinter. My main problem is that I cannot make the grid and the buttons autoresize and fit the parent window. For example, when I have a high number of…
Kiril
  • 2,091
  • 7
  • 33
  • 43
61
votes
3 answers

How to add a grid line at a specific location in matplotlib plot?

How do I add grid at a specific location on the y axis in a matplotlib plot?
UNagaswamy
  • 2,068
  • 3
  • 30
  • 35
59
votes
5 answers

How to populate a WPF grid based on a 2-dimensional array

I have a 2-dimensional array of objects and I basically want to databind each one to a cell in a WPF grid. Currently I have this working but I am doing most of it procedurally. I create the correct number of row and column definitions, then I loop…
Daniel Plaisted
  • 16,674
  • 4
  • 44
  • 56
58
votes
3 answers

Spacing between child controls in WPF Grid

I have a set of Key/Value pairs I want to display on a WPF Window. I'm using a grid to lay them out like so:
Grokys
  • 16,228
  • 14
  • 69
  • 101
56
votes
7 answers

How can I add a line between two columns using Twitter Bootstraps grid system

Two column layout with a line in the middle. [ ] | [ ] [ ] | [ ] [ ] | [ ] [ Left Column ] | [ Right Column …
ehabd
  • 1,077
  • 3
  • 9
  • 15
54
votes
4 answers

Programmatically setting the width of a grid column with * in WPF

I want to programmatically configure a wpf grid. I want to be able to set a grid with 2 columns, the first taking up 20% of available space, the second taking up 80%. In xaml I would use the * operator but I cant work out how to do this…
user589195
  • 4,180
  • 13
  • 53
  • 81