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

Bootstrap 4 row fill remaining height

I'm struggling to make the a row stretch to fill the rest of the available height. I tried adding h-100 to the row class but that causes a white space at the bottom of the screen. There must be a way to do it but I'm totally stumped.. Here is my…
Egor
  • 764
  • 2
  • 6
  • 11
48
votes
3 answers

jQuery Spreadsheet/Grid plugin with copy/paste from/to Excel

I am looking for a jQuery plugin for something like spreadsheet or grid. I have found a lot of jQuery Grid plugins and one spreadsheet plugin. But I would like functionality with copy/paste cells from/to Excel. Something like here Any suggestions?…
Iurii Dziuban
  • 1,091
  • 2
  • 17
  • 31
47
votes
3 answers

Why are ActualWidth and ActualHeight 0.0 in this case?

I have a Grid inside a Canvas defined like this:
Andre Pena
  • 56,650
  • 48
  • 196
  • 243
47
votes
5 answers

How to programmatically access Control in WPF Grid by row and column index?

Once Controls have been added to a WPF Grid, is there a way to programmatically access them by row and/or column index? Something along the lines of: var myControl = (object)MyGrid.GetChild(int row, int column); ... where GetChild is the method I…
Mathias
  • 15,191
  • 9
  • 60
  • 92
47
votes
4 answers

how to get selected row value in the KendoUI

I have a kendoUI grid. @(Html.Kendo().Grid() .Name("EntitesGrid") .HtmlAttributes(new { style = "height:750px;width:100%;scrollbar-face-color: #eff7fc;" }) …
qinking126
  • 11,385
  • 25
  • 74
  • 124
46
votes
2 answers

Grid Star-Size in code behind

I have a grid as follows, How do I give the Height = "0.5*" in code behind?
Aks
  • 5,188
  • 12
  • 60
  • 101
45
votes
1 answer

Grid's SharedSizeGroup and * sizing

I have a user control, call it UserControl, that has a grid with the following column definitions:
Flack
  • 5,727
  • 14
  • 69
  • 104
44
votes
1 answer

Data Grid for Angular 2

What data grid should be used for an Angular 2 project if performance is a concern? I have been using ng-table for Angular 1, but am unsure which one would be good in terms of performance for Angular 2.
user3739018
  • 2,489
  • 3
  • 16
  • 25
43
votes
4 answers

WPF Grid: Is there an easy way to readjust the row items if I need to insert new rows?

It appears that grid row and column definitions are hard-coded like this: Grid.Row="3" Grid.Column="1" I am in the middle of development on a new WPF app and I am having to constantly add and delete new rows from my grid as the client makes up…
oscilatingcretin
  • 10,457
  • 39
  • 119
  • 206
43
votes
11 answers

Good ASP.NET excel-like Grid control?

We are looking for an ASP.NET compatible data grid that allows for multi-line editing similar to Excel or a WinForms data grid. It must also support very basic keyboard input (tab, arrow keys, return). Note that we are not looking for Excel…
Beep beep
  • 18,873
  • 12
  • 63
  • 78
43
votes
9 answers

How do you set the duration for UICollectionView Animations?

I have a custom flow layout which is adjusting the attributes for cells when they are being inserted and deleted from the CollectionView with the following two functions, but I'm unable to figure out how you would adjust the default animation…
James Parker
  • 2,095
  • 3
  • 27
  • 48
40
votes
2 answers

How do I show logarithmically spaced grid lines at all ticks on a log-log plot using Matplotlib?

I'm trying to plot a log-log graph that shows logarithmically spaced grid lines at all of the ticks that you see along the bottom and left hand side of the plot. I've been able to show some gridlines by using matplotlib.pyplot.grid(True), but this…
Bryce Thomas
  • 10,479
  • 26
  • 77
  • 126
39
votes
1 answer

Make a grid column span the entire row

Imagine we have two CSS grid containers with a dynamic columns count based on width: display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); The grid works perfectly, but what if we need to have another grid to have the first…
Jurosh
  • 6,984
  • 7
  • 40
  • 51
39
votes
4 answers

How do I databind a ColumnDefinition's Width or RowDefinition's Height?

Under the View-Model-ViewModel pattern for WPF, I am trying to databind the Heights and Widths of various definitions for grid controls, so I can store the values the user sets them to after using a GridSplitter. However, the normal pattern doesn't…
Nidonocu
  • 12,476
  • 7
  • 42
  • 43
38
votes
3 answers

Changing the order of Grid Item stacking in material-ui

I have a problem with the order of stacking of grid items whenever browser shrinks. This is what I want on the normal desktop screen(lg): --------------------------------------------- | col 1 | col 2 | col 3…
uneet7
  • 2,925
  • 7
  • 24
  • 41