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

How to move things in tkinter

i have been all day trying to learn tkinter but to no avail. All the information I found seems outdated and I have seen a thousand methods to move things but all of them stick to one side. I have written css in less time than this. from tkinter…
Akko
  • 25
  • 6
2
votes
1 answer

Matplotlib - How to overlay a grid on a different axes over an image?

I have attempted to overlay a grid that is on a separate axes over an image that is loaded into matplotlib using imread. The reason for the use of a separate axis is to display grid lines and detect mouse clicks using a different coordinate system…
mr_js
  • 949
  • 12
  • 29
2
votes
1 answer

Silverlight grid: left should stretch, right is defined

I'm trying to make a grid for a listitem template. There should be three columns, the second and third columns should be 50px wide each, the first column should stretch too fill the rest of the empty space. Here's my code so far:
SBoss
  • 8,845
  • 7
  • 28
  • 44
2
votes
2 answers

How to measure an monochrome area with unit squares made from a custom gridline?

I have an image with gridline like this and I want to measure each monochrome area with unit squares made from that gridline. The squares that mix with different colours shall not be counted. In the image there are 3 colors: yellow, orange and blue.…
2
votes
0 answers

How to make grid row keep position when item in row above changes height?

I'm trying to achieve something similar to the products in this website: https://www.adidas.de/en/women-shoes-outlet When I hover, I want the row below to stay at the same position and the hovered product overlays the one below. I am using a…
momal
  • 576
  • 2
  • 13
  • 30
2
votes
1 answer

SwiftUI - How to make grid items fill available space

I am trying to create a 3x4 grid. Each grid item should be the same size. Together the items should fill the entire view (excluding top navigation bar). The grid should be flexible so it stretches or shrinks depending on the size of the view. So…
2
votes
1 answer

Well-reasoned or empirically-proven standards for coloring rows in a grid?

I'm writing some code to color the rows of a grid based on their contents: Each row in the grid is a task summary, and the user can tag each row with a different color representing that message's priority/status. There are at least 4 variables…
JayBees
  • 21
  • 1
2
votes
1 answer

Make hit test visible property different for grid rows

I have a grid that contains 3 rows, one of which contains a TextBox thats can be edited. The grid sits inside a paretn that provides drag functionality to enable it to moved around a canvas. In order to enable this, i need to set IsHitTestVisible to…
richzilla
  • 40,440
  • 14
  • 56
  • 86
2
votes
2 answers

ExtJs - Problems with grouping in grid

a simple table contains - id, name, text. I need to bring these data in the grid with the grouping by the field name. In all the examples that I found (for example - paper) uses the variable already defined the data. And I need to get data from…
Andrei
  • 1,125
  • 2
  • 15
  • 29
2
votes
1 answer

Shade the first column of the table with "grid.table"

I want values 7, 8, 9 and 10 to also appear shaded darker in the table below. I have used grid.table(public) myt <- ttheme_default( colhead = list(fg_params=list(col="black"), bg_params=list(fill="grey")), …
Amelia
  • 111
  • 8
2
votes
2 answers

Is it possible to create a 4x4 flexbox grid?

I'm attempting to create a 4x4 flexbox grid. Each of the four boxes should have the same vertical height, but stack two per row from left to right. Is this possible? (Resize your browser between 960 and 640 to see my attempt:…
Joshua Sortino
  • 2,317
  • 4
  • 18
  • 13
2
votes
1 answer

Can I vertically align inline blocks based on their children?

To illustrate this: div { border: 1px solid #000; } .ib { display: inline-block; } .vm { vertical-align: middle; }
aaa
a
b

b
kakakali
  • 159
  • 1
  • 11
2
votes
1 answer

Xamarin Forms - grid height does not adjust with label wrapping

I have a grid with a label in it. The label has a text with a length larger than the width of the grid, hence it is wrapped. The grid however does not change its height based on the wrapped text, causing only the first line to be visible. I have set…
Ganesh Gebhard
  • 453
  • 1
  • 7
  • 20
2
votes
1 answer

Occupy the least possible but still reasonable space in responsive layout

I am programming a quantity selector button and want it to be responsive. That is, I want the minus and plus to contain only as much width as the icons need and the input in the middle to be the maximum width. I am wondering how to approach this…
2
votes
1 answer

How to convert grid number to coordinates when the rows alternate order

7|8|9 6|5|4 1|2|3 1 -> (1,1) 2 -> (2,1) 3 -> (3,1) 4 -> (3,2) 5 -> (2,2) 6 -> (1,2) 7 -> (1,3) 8 -> (2,3) 9 -> (3,3) In this grid, the mapping of the numbers to coordinates is shown above. I'm struggling to come up with a formula where given the…