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

(TailwindCSS) How do I make a column divider in a grid

I want a divider to go between each of the columns of my grid like this: The divider should always be in the center of any two columns and should not be displayed on the outer edges of the grid. Note that the number of columns will change according…
clenn14
  • 31
  • 4
2
votes
1 answer

Advanced JavaScript data store & grid widget

We have written a data store / grid widget system in JavaScript that automatically updates all widgets associated with a data store whenever some of the data changes. Its nice features are: it supports sorting by multiple attributes (for example,…
2
votes
3 answers

CSS: how to alternate background colors on grid rows?

Im building something similar to this so i want to make that (chess) efect where the last element of the grid-row contains the same background color of the first element background color of the second row I build my container using grid and placed…
user18934200
2
votes
1 answer

FMX grid header lines color

I'm looking for a way to change the color of the lines in the header of an FMX grid. I have the following code to change the color of the lines in the grid itself, using an interposer: type TStringGrid = class(FMX.Grid.TStringGrid) protected …
Dave Nottage
  • 3,411
  • 1
  • 20
  • 57
2
votes
2 answers

How to write a few EXTJS Grids data into one request?

For example I have 2 models: Ext.define('Order', { extend : 'Ext.data.Model', fields : [ {name : 'id', type : 'int'}, {name : 'customer_id', type : 'int'}, {name : 'date', type :…
mastak
  • 1,397
  • 1
  • 14
  • 28
2
votes
1 answer

Move items in Ext Js Grid

In this sample Ext Js grid: http://dev.sencha.com/deploy/ext-4.0.2a/examples/dd/dnd_grid_to_grid.html You can drag and drop items from one grid to another, but you can't change the order of items in the second grid. You can drop items back and forth…
Yasser1984
  • 2,401
  • 4
  • 32
  • 55
2
votes
0 answers

Why Grid item Material UI v5 is not working correct?

I faced with a problem with usage of Grid component from MUI V5. The problem that if write code in sandbox - it's works. I find out that i have to give sx={{'& .MuiGrid-root': { flexGrow: '1' } to my Grid container. But still my items property of xs…
Leon
  • 111
  • 1
  • 2
  • 5
2
votes
1 answer

Accordions in a Grid pushing content down

I have a grid of accordions like in the codesandbox below. The problem is when I open one of the accordions, it pushes down all the accordions in the row below, whereas the desired behaviour is to just push down the accordion right below it and the…
2
votes
1 answer

extjs 4 rendering tooltip on grid on tabpanel

i am working with Extjs 4 & using Designer 1.2.0 i am facing problems with grid's renderer function that i am using to display tooltip. The grid is placed in tab panel. Everything works fine for first time when i open tab panel,but when i close tab…
S R
  • 674
  • 2
  • 18
  • 45
2
votes
3 answers

Anyone know the algorithm used to size Grid columns with spanning cells? (WPF)

Using the WPF Grid control is easy when your child elements are always contained within a single grid cell (i.e. there is no column/row spanning). A fixed width column stays the requested fixed width, an auto column will indeed size itself to be as…
Phil Wright
  • 22,580
  • 14
  • 83
  • 137
2
votes
3 answers

Div container with text on the left side and overflow image on the right

I want to recreate the following structure: With black is div container and inside the container on the left there will be text and on the right i need an image bigger than the container. I tried to do this by grids but things got funky real quick.
2
votes
2 answers

WPF: Star in ColumnDefinition not expanding columns

I have a user control that need the 1st and 3rd column to have the same width at all time. My code is a follows:
user13388
  • 23
  • 4
2
votes
1 answer

How to implement Jquery tabs inside a repeater/grid control?

I have a repeater control. Inside each element/record, I have a tabbed interface with 2 tabs. I am implementing the tab-functionality with Jquery. But each time I click on any tab on the page, only the first element/record's tabs are switching.…
Praneeth
  • 31
  • 3
2
votes
1 answer

How can I shift all the letters in the grid to the left?

So I wrote a code that yields a grid with the help of some helpful stackoverflow users, and here it is.. import random import string for x in range(4): for y in range(4): print( '['+random.choice(string.ascii_letters)+']',end='' ) …
Droid
  • 520
  • 1
  • 7
2
votes
3 answers

CSS Grids and Responsive Design

I am planning to use a Grid system for a site, but I'd like to be able to break the grid selectively. This would mean, for example, turning an OOCSS size1of2 into a size1of1). Ideally, the html would look something like this:
theazureshadow
  • 9,499
  • 5
  • 33
  • 48