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

CSS Grid Layout Gap Box Sizing

I have a CSS grid that occupies 100% width and 100% height of a window (the body element has display: grid;). The grid has row and column templates and elements which occupy 100% of their allocated space. However, when I add a grid-gap to the grid,…
Freddy Tuxworth
  • 396
  • 1
  • 4
  • 9
25
votes
6 answers

How to create reusable WPF grid layout

I have a window with tab control and number of pages - tab items. Each tab item has same grid layout - 6 rows and 4 columns. Now, each tab item contains grid with row and column definitions, so almost half of XAML is definition of grids. How can I…
zendar
  • 13,384
  • 14
  • 59
  • 75
25
votes
4 answers

box-shadow on bootstrap 3 container

I'm building a little website using bootstrap. The base structure looks like this:
beesteak
  • 265
  • 1
  • 3
  • 8
24
votes
1 answer

How to hide WPF Grid Overflow (like CSS overflow:hidden)

I'm currently creating a metro styled app. Because of this I need to extend my client area out of my window to draw the shadow. The problem now is that I have a button set to Margin="0,0,15,15" and of course it draws itself also in this shadow…
martinyyyy
  • 1,652
  • 3
  • 21
  • 44
24
votes
5 answers

How do I bring an item to the front in wpf?

I simply have two grid on top of one another. Given one state of the world, I want grid A to be on top, given another state of the world, I want grid B to be on top. In the old days we could just call grid.BringToFront(), but that doesn't exist…
Jonathan Beerhalter
  • 7,229
  • 16
  • 68
  • 78
24
votes
2 answers

How create grid out of images of different sizes?

I'm trying to create a grid of images where all images of a row share the same height and where each row uses the same width. How can I do this and what libraries can help me?
serge
  • 391
  • 1
  • 3
  • 9
24
votes
4 answers

Displaying Matplotlib Navigation Toolbar in Tkinter via grid

I'm developing a small Tkinter GUI to draw matplotlib-plots. (It contains a few Entries and assembles the plot according to their content.) I have designed my plotting widget according to…
CodingCat
  • 4,999
  • 10
  • 37
  • 59
23
votes
3 answers

How to change extjs grid single cell background color depending on value changes?

To change whole row background color we can use getRowClass, but how to do the same logic only for one cell, and particular column....any ideas? //EXTJS viewConfig: { getRowClass: function(record, index) { var c = record.get('change'); …
Davor Zubak
  • 4,726
  • 13
  • 59
  • 94
23
votes
2 answers

Bootstrap 3 col-sm-offset-x affects to the col-md-x structure

I have this code
amibumping
  • 245
  • 1
  • 2
  • 13
23
votes
4 answers

Calculate distance between two x/y coordinates?

I would like to calculate the distance between two x/y coordinates on the surface of a torus. So, this is a normal grid that has the property that its corners and sides are 'connected'. For example, on a grid of 500x500, the point at (499, 499) is…
Ropstah
  • 17,538
  • 24
  • 120
  • 194
23
votes
1 answer

OpenGL - How to calculate normals in a terrain height grid?

My approach is to calculate two tangent vectors parallel to axis X and Y respectively. Then calculate the cross product to find the normal vector. The tangent vector is given by the line that crosses the middle point on the two nearest segments as…
rraallvv
  • 2,875
  • 6
  • 30
  • 67
22
votes
3 answers

ExtJS 4 RowEditing disable edit on one column based on record

I'm implementing a grid panel with the four last columns editable for most of the rows. The problem is that I'd like to be able to disable editing on, let's say the first one if record.get('status') = 4 which is finalized and only two of the columns…
Asken
  • 7,679
  • 10
  • 45
  • 77
22
votes
3 answers

WPF Grid as ItemsPanel for a list dynamically bound to an ItemsControl

I am using a Grid as ItemsPanel for a list dynamically bound to an ItemsControl. The code below is working - with a remaining problem: I can’t find a way to dynamically initialize the ColumnDefinitions and RowDefinitions of the grid. As consequence…
Dirk Brockhaus
  • 4,922
  • 3
  • 38
  • 47
22
votes
1 answer

SharedSizeGroup in ListView.ItemTemplate

I have this scenario where I want to share the column size among all the ListViewItems, and I'm using SharedSizeGroup on the column definitions but it doesn't work:
Carlo
  • 25,602
  • 32
  • 128
  • 176
22
votes
3 answers

How to make RecyclerView's grid item to have equal height and width?

I define my RecyclerView as grid by setting its layout with GridLayoutManger that has a span count of 3 which are already working fine. I also add an item decorator to my recycler view which will manage the spacing between grid items, this also…
Earwin delos Santos
  • 2,965
  • 7
  • 20
  • 29