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

Grid based pathfinding with multiple objects

I'm trying to find a solution for pathfinding with multiple objects on a 2D grid. To my understanding, algorithms like A* can not be used in a case like this (to get an efficient solution). The exemple below shows a case where a simple algorithm for…
Linus
  • 55
  • 3
2
votes
0 answers

CSS Grid: column-gap forces parent to overflow

I want to achieve 12 column grid behavior similar to what Bootstrap has, but using CSS grids. I need to have a fixed gaps in pixels And have a 12 column grid, so I can decide how to place the children. I'm facing the issue, that combination of…
Pavlo Zhuravlov
  • 323
  • 4
  • 9
2
votes
1 answer

Hiding Vaadin Grid Headers

I am using a com.vaadin.flow.component.grid.Grid in my Vaadin 14 sample app. I have added an extra header row and introduced a toggle button for changing its visibility. Unfortunately, this led me deep down to…
Antonio
  • 47
  • 6
2
votes
1 answer

Is there a way not to truncate rotated Label text inside Table Cell in Xamarin.Forms? And why it's still based on ColumnDefinition?

Seems like the text of the
Alex Logvin
  • 766
  • 10
  • 12
2
votes
2 answers

Telerik MVC Grid, Truly Ajax custom binding

I'm using grid that looks like that: Html.Telerik().Grid(Model).Name("preciousGrid"). ... bla bla bla.. .ClientEvents(events => events.OnDataBinding("onDataBinding")) .Columns(columns => { columns.Bound(o =>…
iLemming
  • 34,477
  • 60
  • 195
  • 309
2
votes
1 answer

Change order of items in CSS Grid

I have a css-grid that is almost working the way that I want, but I cant figure out how to change the order of items in a specific way. The html of the items is laid out in a “1, 2, 3, 4,…10” order. But at smaller screen sizes, I’d like the visual…
user16940297
2
votes
0 answers

Changing Compare Two Images Row to Responsive Grid

I see the Compare Two Images from https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_compare. And, I have made it to displayed it on multiple rows and columns but the images are overlapping when showing on a smaller screen. How do I…
admamy
  • 21
  • 2
2
votes
1 answer

How can I get a Canvas component of a ListGridRecord?

I use smartgwt 2.4. I'm trying to style a ListGridRecord. I want to get the Canvas component of it, but I cannot find a reference anywhere. I know there are methods in ListGrid as createRecordComponent or getBackgroundComponent etc., but these don't…
xMichal
  • 624
  • 2
  • 7
  • 19
2
votes
0 answers

Error while adding grid or hexbin layer in react keplerGL app

I am trying to visualized the data in keplergl using React app and wanted to add Hexbin layer but giving me errors. Errors: An error in deck.gl: Cannot read property '8' of undefined in nb74usl An error in deck.gl: Cannot read property 'sortedBins'…
JAY DAVE
  • 21
  • 2
2
votes
1 answer

Css prevent child from expanding parent

I have a container with unknown width and two children. I want the first child to determine the width of the container. I want the second child to wrap inside the container. How can I do this using e.g. flexbox?
jonny
  • 21
  • 2
2
votes
2 answers

Reduce column height in a multiple plot in ggplot2

I can create 3 plots and then merge them within the same figure with the following code : p1 <- qplot(mpg, wt, data=mtcars) p2 <- p1 p3 <- p1 + theme(axis.text.y=element_blank(), axis.title.y=element_blank()) plot_grid(p1,p2,p3, align =…
chippycentra
  • 3,396
  • 1
  • 6
  • 24
2
votes
2 answers

WPF layout, can I clean this up?

Just fyi, I am new to WPF. I am creating a sidebar in my WPF app and want rounded corners. Which I learned is not a property you can attach to a Grid. Also, I tried putting the textblocks in the border control, but the error message I got back said,…
kdub
  • 749
  • 2
  • 8
  • 19
2
votes
0 answers

Distributing 3d points by value across a honeycomb hex grid

I'm looking for ways of interpolating a set of colors (3d values of r, g, b represented as [0-5] respectively) across a hexagonal honeycomb grid. My specific scenario is a set of terminal colors: 6x6x6 colors with white (5,5,5) being the center,…
achilles
  • 21
  • 1
2
votes
2 answers

Telerik mvc grid and fixed width column

all my grids will have in the first column, some image links to edit, delete and open the record. I can't get this column to be fixed at 80 pixels. Here is my code: @(Html.Telerik().Grid(Model) .Name("Grid") .DataKeys(keys => keys.Add(c =>…
Beetlejuice
  • 4,292
  • 10
  • 58
  • 84
2
votes
1 answer

centering items in css grid

https://codepen.io/joseph-van-den-avont/pen/QWvraWR I made this container using display:grid but I can't seem to figure out how to center the items in my grid horizontally. I've tried using justify-content:center but it won't work with how it's…
1 2 3
99
100