How to Create/Edit multiple same-evel childgrids nested Gridview in C# webforms (SQL Server)?

Question

0.00/5 (No votes)

See more:

, +

I have a table with lots of fields.
To display every record that has lots of columns on a web browser will inconveniently force the users to drag the scrollbar to the right.

Is it possible to divide each record to two or three inner rows in gridview?

e.g.
My table has these fields:
- UPC
- Description
- AdType_Week1
- AdType_Week2
- AdType_Week3
- AdType_Week4
- AdType_Week5
- Price_Week1
- Price_Week2
- Price_Week3
- Price_Week4
- Price_Week5
- OrderStatus_Week1
- OrderStatus_Week2
- OrderStatus_Week3
- OrderStatus_Week4
- OrderStatus_Week5

Instead of showing everything in one header like this:
UPC | Description | AdType_Week1 | AdType_Week2 | AdType_Week3 | AdType_Week4 | AdType_Week5 | Price_Week1 | Price_Week2 | Price_Week3 | Price_Week4 | Price_Week5 | OrderStatus_Week1 | OrderStatus_Week2 | OrderStatus_Week3 | OrderStatus_Week4 | OrderStatus_Week5

I would like to show it like this:
|-UPC-|-Description-|-AdType_Week1------|-AdType_Week2------|-AdType_Week3------|
___01_____banana________type abc____________type def____________type feg
____________________|-Price_Week1-------|-Price_Week2-------|-Price_Week3-------|
________________________$97.51______________$78.48______________$41.45
____________________|-OrderStatus_Week1-|-OrderStatus_Week2-|-OrderStatus_Week3-|
________________________arrived_____________in-progress_________in-progress

|-UPC-|-Description-|-AdType_Week1------|-AdType_Week2------|-AdType_Week3------|
___02_____apple_________type abc____________type def____________type feg
____________________|-Price_Week1-------|-Price_Week2-------|-Price_Week3-------|
________________________$97.51______________$78.48______________$41.45
____________________|-OrderStatus_Week1-|-OrderStatus_Week2-|-OrderStatus_Week3-|
________________________arrived_____________in-progress_________in-progress

|-UPC-|-Description-|-AdType_Week1------|-AdType_Week2------|-AdType_Week3------|
___03_____orange________type abc____________type def____________type feg
____________________|-Price_Week1-------|-Price_Week2-------|-Price_Week3-------|
________________________$97.51______________$78.48______________$41.45
____________________|-OrderStatus_Week1-|-OrderStatus_Week2-|-OrderStatus_Week3-|
________________________arrived_____________in-progress_________in-progress

Posted 20-Sep-14 10:42am

Member 11031380

Updated 20-Sep-14 12:20pm

v3

Add a Solution

Comments

Herman<T>.Instance 23-Sep-14 7:44am

do it by hand by wrapping your table to a new definition

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

jchoponis · Answer 1 · 2014-09-30T16:58:00

Hate to plug for a tool, but have to do it here.

I wouldn't create something like this from scratch if I could spend a few hundred bucks on 3rd party controls.

See this for some inspiration:
https://demos.devexpress.com/ASPxGridViewDemos/Templates/CardView.aspx[^]

I'm sure it can be done with the built in grid view - but it may take extending the default .NET grid view control significantly to make it all work right. A clever 3rd party control like I've shown a demo for above would make this into a trivial matter...and look way better than the .NET default grid.

If spending $ is not realistic, perhaps you can do something else with the grid view or use a different control (since you are essentially creating something like a "card view"). Something like the list view control allows for full template customization - so you can make things look however you like.