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
37
votes
1 answer

WPF share column width between separate grids

I have the following setup on my WPF UserControl: ...
devdigital
  • 34,151
  • 9
  • 98
  • 120
36
votes
2 answers

wpf gridlines - changing style

Is there any way to change the style of gridlines in wpf grid? I need to divide grid into 4 cells. To do it I used RowDefinitions and ColumnDefinitions. However I need user to distinguish which cell is which, that's why I need to change the color of…
wpfnewbie
  • 361
  • 1
  • 3
  • 4
35
votes
1 answer

WPF Dynamic Layout with ItemsControl and Grid

I am creating a WPF form. One of the requirements is that it have a sector-based layout so that a control can be explicitly placed in one of the sectors/cells. I have created a tic-tac-toe example below to convey my problem: There are two types and…
Jason Williams
  • 1,283
  • 2
  • 11
  • 31
34
votes
2 answers

CSS Grid row/column gap on specific elements?

I have created the grid below using CSS Grid and I am wondering if it's possible to have a gap only between specific elements within the grid, rather than applying a universal gap to all grid elements. Here's what I have right now: body { …
user13286
  • 3,027
  • 9
  • 45
  • 100
34
votes
7 answers

Drawing a grid using CSS

I'm looking for a way to draw a grid (i.e. http://www.artlex.com/ArtLex/g/images/grid.gif) inside of a div, using CSS (and JS if necessary). It feels like it should be relatively straight forward, but I haven't been able to figure it out. Any advice…
lennysan
  • 1,330
  • 2
  • 13
  • 16
33
votes
2 answers

How to change Kendo UI grid page index programmatically?

I have a kendo ui grid. Let's say that the JS variable pointing to the grid is called grid. How can I go to page 3 programmatically? Thanks.
Lajos Arpad
  • 64,414
  • 37
  • 100
  • 175
32
votes
3 answers

WPF Grid not showing scroll bars

In .NET 3.5 I have a Grid in a Window. I am populating this Grid with Buttons. When the buttons fill the grid and go out of view the Grid does not show the scroll bar. I have set the Grids vertical scroll to be visible but its still not showing.…
CathalMF
  • 9,705
  • 6
  • 70
  • 106
32
votes
0 answers

RecyclerView with grid

Managed to set a basic listview using this widget but I have not found any method to change the layout or display to a grid. Over the Google I/O 2014 they mentioned several times that RecyclerView could replace gridview as well as listview. The…
Gabriel C. Carp
  • 321
  • 3
  • 5
31
votes
5 answers

Dynamically toggle visibility of WPF grid column from C# code

My problem is: I can't find out how to toggle the visibility of my WPF grid column. Assume following XAML markup:
sebi
  • 431
  • 1
  • 4
  • 9
31
votes
3 answers

How to get entered text from a textbox in Selenium

I enter a value in TextBox or a Combobox, and would like to retrieve the value I have just entered. I see that Selenium Weblement method getText() doesn't retrieve the value, it seems the entered text doesn't get pushed into DOM. Any solutions?
Fazy
  • 573
  • 1
  • 5
  • 16
30
votes
6 answers

Word-wrap grid cells in Ext JS

(This is not a question per se, I'm documenting a solution I found using Ext JS 3.1.0. But, feel free to answer if you know of a better solution!) The Column config for an Ext JS Grid object does not have a native way to allow word-wrapped text, but…
richardtallent
  • 34,724
  • 14
  • 83
  • 123
29
votes
2 answers

2D grid data visualization in Python

I need to visualize some data. It's basic 2D grid, where each cell have float value. I know how to e.g. assign color to value and paint grid in OpenCV. But the point here is that there are so many values so it's nearly impossible to do that. I am…
Mateusz Korycinski
  • 1,037
  • 3
  • 10
  • 24
29
votes
1 answer

Make a 2D pixel plot with matplotlib

I got the following data from some calculations: x, y, temp where x and y are the coordinates of a point in a 2D box of dimensions 10x10. Spacing is equal to 0.1. So there are 10000 different points and the resulting file looks like: 0.0 0.0…
Open the way
  • 26,225
  • 51
  • 142
  • 196
29
votes
6 answers

Create Row every after 2 item in Angular ng-repeat - Ionic Grid

I need to create a strcuture as below in my app through ng-repeat.
1
2
3
4
Right now…
esafwan
  • 17,311
  • 33
  • 107
  • 166
28
votes
3 answers

Merge grid columns

Hi I've been searching for a solution with no success ... I want a grid that resembles: +-------+----------------+ | | | +-------+----------------+ | | | | | …
C1rdec
  • 1,647
  • 1
  • 21
  • 46