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
2
votes
0 answers

Canvas grid squashed when initially loaded, auto adjust to be sqaure grid after resizing the webpage window

When the website is initially loaded, the grid is squashed squashed grid After resizing the webpage window it auto fixes the problem squared grid, but the grid extends over the webpage After going into the css, the box-sizing is inherent. If I…
jackruan
  • 29
  • 2
2
votes
1 answer

Bootstrap 5 columns with equal-width only from breakpoint "md"

I have used this code several times in Bootstrap 4 (on mobile columns have full width - from "md" the columns have equal-width):
1 of 2
2
votes
1 answer

Telerik mvc grid and custom commands

Using telerik mvc grid with ajax, give me some headaches. I am trying to insert a column with some simple links, to perform the same behaviors that Delete command does (because I just don't want the default command column). But I am fail. The…
Beetlejuice
  • 4,292
  • 10
  • 58
  • 84
2
votes
1 answer

EXT JS 4.0.2a > Grid Filters > UI bugs

The filters plugin (feature in 4.0) is not showing right arrow icon in column menu. also, StringFilter is not showing the find icon. Also, the padding in string, range filter menu is odd. All of these bugs exist in examples…
Sarath
  • 106
  • 4
2
votes
2 answers

Set header background Vaadin 14 grid

I am trying to set a background color to the header in a Vaadin 14 Grid. But I really have no clue how it may work. This is my code sofar: grid = new Grid(); I probably have to do some @CssImport(themeFor = "vaadin-grid", value =…
user1119859
  • 669
  • 2
  • 9
  • 20
2
votes
2 answers

Columns side by side with css grid

I am having a problem understanding how CSS grid works. I want 3 columns side by side with a specific width and height, but there's a gap between each columns. .grid-container { display: grid; grid-template-columns: 1fr 1fr 1fr; …
marco95OP
  • 25
  • 1
  • 6
2
votes
1 answer

CSS: Determine height of flip card in grid automatically without js

I would like to display two flip cards in a row using grid. Each of the flip cards shall contain a squared image on the front and some text on the back. How can I achieve not having to specify any height within the .flip-card css class? I would like…
Jonathan Rhein
  • 1,616
  • 3
  • 23
  • 47
2
votes
2 answers

Make grid align properly

In my app I'm displaying some info about users in a listbox. I've got most of the stuff as I want, but the layout is bugging me a bit. It's made with grids, so that it'll re-size and fit portrait/landscape modes. However, I cannot get the layout…
David K
  • 3,153
  • 5
  • 18
  • 27
2
votes
3 answers

make Footer template visible and invisible in button click

I have a grid with footer template. It consists of a text box in which i will add some value and after clicking btnAdd the value present in the footer template will append to the main grid. Below is my footer template. I want to make the footer…
premg
  • 21
  • 1
  • 2
2
votes
3 answers

Alphabetical Grid using python3

how to write a function grid that returns an alphabetical grid of size NxN, where a = 0, b = 1, c = 2.... in python example : a b c d b c d e c d e f d e f g here I try to create a script using 3 for loops but it's going to print all the…
Parth
  • 64
  • 1
  • 5
2
votes
1 answer

What mathematic concept is behind this grid based pattern that I have stumbled upon rotating square grids?

I was coding a grid/coordinate system for a board game and needed to rotate a standard square checkerboard cells 45deg, so they are diamonds. I found out rotating the whole board produces the same result. Doing this, I came across a pattern for…
user3869231
  • 342
  • 1
  • 4
  • 19
2
votes
2 answers

Delphi: auto scroll for String Grid

how to make an auto scroll for a String Grid? A property "Row" or "TopRow" does not help if a String Grid is invisible (e.g. on a hidden frame): no cells are selected. If to show it - it's cell becomes selected and "Row"/"TopRow" works. Try. In a…
maxfax
  • 4,281
  • 12
  • 74
  • 120
2
votes
3 answers

Mgmt Studio save results as issue

I have a SQL query that returns 1 column. I run it in SQL Server Management Studio 2008R2. I use File\Save Grid Results and create a .TXT file. My problem is the first record of the file has 3 bytes inserted in front of the data. They three bytes…
SBCUser666
  • 121
  • 1
  • 6
2
votes
1 answer

How can I move a matplotlib grid from foreground to background?

Can anyone tell me how to move the grid of a matplotlib plot to the background, so that the bars are fully visible? import matplotlib.pyplot as plt data = [29, 45, 56] plt.bar(range(len(data)), data) plt.grid(axis='y') plt.show()
tfv
  • 6,016
  • 4
  • 36
  • 67
2
votes
2 answers

number of path grid problem Python, Memory Error and Recursion Error:

so i tried to solve a simple grid problem and i solve like this :\ def grid_count (n,m): if m == 1 and n == 1: return 1 if m == 0 or n == 0: return 0 return grid_count(m-1,n) + grid_count(m,n-1) and here N X M is rows…
1 2 3
99
100