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
504
votes
6 answers

Meaning of numbers in "col-md-4"," col-xs-1", "col-lg-2" in Bootstrap

I am confused with the grid system in the new Bootstrap, particularly these classes: col-lg-* col-md-* col-xs-* (where * represents some number). Can anyone please explain the following: How that number is aligning the grids? How to use these…
Bravo
  • 8,589
  • 14
  • 48
  • 85
279
votes
12 answers

grid controls for ASP.NET MVC?

If you are using ASP.NET MVC how are you doing grid display? Rolled your own? Got a library from somewhere? These are some of the known grid display solutions I have found for ASP.NET MVC ASP.NET MVC Flexgrid - Has nice column layout method Code…
MikeJ
  • 14,430
  • 21
  • 71
  • 87
246
votes
1 answer

GridView VS GridLayout in Android Apps

I have to use a Grid to implement Photo Browser in Android. So, I would like to know the difference between GridView and GridLayout. So that I shall choose the right one. Currently I'm using GridView to display the images dynamically.
Lakshmi Sreekanth Chitla
  • 2,657
  • 2
  • 16
  • 16
224
votes
2 answers

Nested rows with bootstrap grid system?

I want 1 larger image with 4 smaller images in a 2x2 format like this: My initial thought was to house everything in one row. Then create two columns, and, in the second column, create two rows and two columns to create the 1x1 and 2x2 effect.…
Greg
  • 2,643
  • 2
  • 15
  • 9
194
votes
9 answers

Matplotlib: draw grid lines behind other graph elements

In Matplotlib, I make dashed grid lines as follows: fig = pylab.figure() ax = fig.add_subplot(1,1,1) ax.yaxis.grid(color='gray', linestyle='dashed') however, I can't find out how (or even if it is possible) to make the grid lines be drawn…
Andrew
  • 2,117
  • 2
  • 14
  • 7
184
votes
11 answers

Equal width columns in CSS Grid

I'd like to have the html below showing in n equal columns whether there are two, or three, or more child elements to the row element using css grid - Flexbox makes this easy but I cannot get it done using css grid - any help is appreciated.
user1678736
  • 2,133
  • 4
  • 16
  • 10
171
votes
14 answers

How to validate inputs dynamically created using ng-repeat, ng-show (angular)

I have a table that is created using ng-repeat. I want to add validation to each element in the table. The problem is that each input cell has the same name as the cell above and below it. I attempted to use the {{$index}} value to name the inputs,…
PFranchise
  • 6,642
  • 11
  • 56
  • 73
167
votes
15 answers

WPF: Grid with column/row margin/padding?

Is it easily possible to specify a margin and/or padding for rows or columns in a WPF Grid? I could of course add extra columns to space things out, but this seems like a job for padding/margins (it will give much simplier XAML). Has someone derived…
Brad Leach
  • 16,857
  • 17
  • 72
  • 88
140
votes
8 answers

How to Create Grid/Tile View?

For example, I have some class .article, and I want to view this class as grid view. So I applied this style: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } That style will make the .article look…
Ariona Rian
  • 9,153
  • 3
  • 24
  • 36
130
votes
4 answers

What's the meaning of * (asterisk) in XAML ColumnDefinition?

What is the meaning of * (asterisk) in the XAML below?
Shashank
  • 6,117
  • 20
  • 51
  • 72
121
votes
4 answers

What does the WPF star do (Width="100*")

What does exactly the star in size terms in WPF mean?
Shimmy Weitzhandler
  • 101,809
  • 122
  • 424
  • 632
118
votes
8 answers

Hide grid row in WPF

I have a simple WPF form with a Grid declared on the form. This Grid has a bunch of rows:
Richard
  • 3,207
  • 5
  • 30
  • 35
113
votes
5 answers

Binding List to DataGridView in WinForm

I have a class class Person{ public string Name {get; set;} public string Surname {get; set;} } and a List to which I add some items. The list is bound to my DataGridView. List persons = new…
namco
  • 6,208
  • 20
  • 59
  • 83
94
votes
6 answers

Order columns through Bootstrap4

I have 3 columns which I want to order in different ways on desktop and mobile. Currently, my grid looks like this:
1
2
Cray
  • 5,307
  • 11
  • 70
  • 166
87
votes
4 answers

Best dynamic JavaScript/JQuery Grid

I'm working with JavaScript, JQuery and HTML. UI Of my project is completely dynamic. I am looking for a dynamic JavaScript/JQuery Grid which supports following features. Can anybody tell me is there any good looking open sources Grid which supports…
Somnath
  • 3,247
  • 4
  • 28
  • 42
1
2 3
99 100