﻿
{"id":819,"date":"2012-06-30T11:51:49","date_gmt":"2012-06-30T11:51:49","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=819"},"modified":"2015-06-29T14:50:11","modified_gmt":"2015-06-29T14:50:11","slug":"asp-net-gridview-css-template-giydirelim","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/asp-net-gridview-css-template-giydirelim\/","title":{"rendered":"Asp.NET GridView CSS Template Giydirelim"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<blockquote><p><strong><em><span style=\"color: #ff0000;\">Yaz\u0131 hakk\u0131nda dikkatinize.<\/span><\/em><\/strong><br \/>\n<strong><em><span style=\"color: #ff0000;\"> \u0130\u00e7erikten faydalanmadan \u00f6nce buradaki uyar\u0131ma dikkat etmenizi rica ediyorum.Bu sitedeki i\u00e7eriklerin b\u00fcy\u00fck \u00e7o\u011funlu\u011fu \u00f6zg\u00fcn olarak haz\u0131rlanm\u0131\u015fken, bir k\u0131sm\u0131da belirli kaynaklar yard\u0131m\u0131yla olu\u015fturulmu\u015ftur.Bunlara ra\u011fmen kayna\u011f\u0131 belli olmayan ama insanlar\u0131n i\u015fine yarayan baz\u0131 i\u00e7erikleride haliyle bu sitede payla\u015f\u0131lmakta ve binlerce ki\u015fi bu payla\u015f\u0131m sayesinde bu i\u00e7erikten faydalanmaktad\u0131r.<\/span><\/em><\/strong><\/p>\n<p><strong><em><span style=\"color: #ff0000;\">\u00d6zellikle bu yaz\u0131m\u0131zda al\u0131nt\u0131 ve \u00e7al\u0131nt\u0131 ithamlar\u0131 \u00e7ok olmakta ve bu bir yerden sonra duyarl\u0131l\u0131k haddinizi a\u015ft\u0131\u011f\u0131n\u0131z\u0131 g\u00f6stermektedir.Bu yaz\u0131yla alakal\u0131 yorumlara a\u015fa\u011f\u0131da bakabilirsin.T\u00fcm yorumlar a\u015fa\u011f\u0131da yay\u0131nlanm\u0131\u015ft\u0131r.&#8221;yuh yani&#8221; isimli bir ergen \u00e7ocu\u011fa yapt\u0131\u011f\u0131m a\u00e7\u0131klamay\u0131 hakk\u0131mda benzer ithamlarda d\u00fc\u015f\u00fcnenler i\u00e7in okumalar\u0131n\u0131 s\u00f6yl\u00fcyorum ve hakk\u0131n\u0131zda bo\u015f adam de\u011fil, adam olman\u0131z i\u00e7in dua ediyorum.<\/span><\/em><\/strong><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>Asp.NET&#8217;in \u00e7ok kullan\u0131\u015fl\u0131 olan veri kontrollerinden GridView&#8217;in var olan haz\u0131r tasar\u0131mlar\u0131 bazen yapt\u0131\u011f\u0131m\u0131z \u00e7al\u0131\u015fmalarda g\u00f6ze hitap etmeyebiliyor.A\u015fa\u011f\u0131da benim, genellikle kulland\u0131\u011f\u0131m bir GridView&#8217;e g\u00f6re tasarlanm\u0131\u015f CSS mevcut.Bu CSS ile GridView&#8217;i g\u00fczelle\u015ftirebilirsiniz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n.mGrid {\r\n    width: 100%;\r\n    background-color: #fff;\r\n    margin: 5px 0 10px 0;\r\n    border: solid 1px #525252;\r\n    border-collapse:collapse;\r\n}\r\n.mGrid td {\r\n    padding: 2px;\r\n    border: solid 1px #c1c1c1;\r\n    color: #717171;\r\n}\r\n.mGrid th {\r\n    padding: 4px 2px;\r\n    color: #fff;\r\n    background: #424242 url(grd_head.png) repeat-x top;\r\n    border-left: solid 1px #525252;\r\n    font-size: 0.9em;\r\n}\r\n.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }\r\n.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }\r\n.mGrid .pgr table { margin: 5px 0; }\r\n.mGrid .pgr td {\r\n    border-width: 0;\r\n    padding: 0 6px;\r\n    border-left: solid 1px #666;\r\n    font-weight: bold;\r\n    color: #fff;\r\n    line-height: 12px;\r\n }\r\n.mGrid .pgr a { color: #666; text-decoration: none; }\r\n.mGrid .pgr a:hover { color: #000; text-decoration: none; }\r\n<\/pre>\n<p>Yukar\u0131daki CSS&#8217;i GridView nesnemize yedirmek i\u00e7in CssClass Attribute&#8217;unu kullanmam\u0131z yeterli olacakt\u0131r.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;asp:GridView ID=&quot;gvCustomres&quot; runat=&quot;server&quot;\r\n    DataSourceID=&quot;customresDataSource&quot;\r\n    AutoGenerateColumns=&quot;False&quot;\r\n    GridLines=&quot;None&quot;\r\n    AllowPaging=&quot;true&quot;\r\n    CssClass=&quot;mGrid&quot;\r\n    PagerStyle-CssClass=&quot;pgr&quot;\r\n    AlternatingRowStyle-CssClass=&quot;alt&quot;&gt;\r\n    &lt;Columns&gt;\r\n        &lt;asp:BoundField DataField=&quot;CompanyName&quot; HeaderText=&quot;Company Name&quot; \/&gt;\r\n        &lt;asp:BoundField DataField=&quot;ContactName&quot; HeaderText=&quot;Contact Name&quot; \/&gt;\r\n        &lt;asp:BoundField DataField=&quot;ContactTitle&quot; HeaderText=&quot;Contact Title&quot; \/&gt;\r\n        &lt;asp:BoundField DataField=&quot;Address&quot; HeaderText=&quot;Address&quot; \/&gt;\r\n        &lt;asp:BoundField DataField=&quot;City&quot; HeaderText=&quot;City&quot; \/&gt;\r\n        &lt;asp:BoundField DataField=&quot;Country&quot; HeaderText=&quot;Country&quot; \/&gt;\r\n    &lt;\/Columns&gt;\r\n&lt;\/asp:GridView&gt;\r\n&lt;asp:XmlDataSource ID=&quot;customresDataSource&quot; runat=&quot;server&quot; DataFile=&quot;~\/App_Data\/data.xml&quot;&gt;&lt;\/asp:XmlDataSource&gt;\r\n<\/pre>\n<p>Son olarak GridView a\u015fa\u011f\u0131daki gibi g\u00f6z\u00fckmektedir.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/06\/GridView.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-820\" title=\"GridView\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/06\/GridView.png\" alt=\"GridView\" width=\"560\" height=\"229\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/06\/GridView.png 560w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/06\/GridView-300x122.png 300w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/a>Umar\u0131m be\u011fenmi\u015fsinizdir \ud83d\ude42<\/p>\n<p>\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Yaz\u0131 hakk\u0131nda dikkatinize. \u0130\u00e7erikten faydalanmadan \u00f6nce buradaki uyar\u0131ma dikkat etmenizi rica ediyorum.Bu sitedeki i\u00e7eriklerin b\u00fcy\u00fck \u00e7o\u011funlu\u011fu \u00f6zg\u00fcn olarak haz\u0131rlanm\u0131\u015fken, bir k\u0131sm\u0131da belirli kaynaklar yard\u0131m\u0131yla olu\u015fturulmu\u015ftur.Bunlara ra\u011fmen kayna\u011f\u0131 belli olmayan ama insanlar\u0131n i\u015fine yarayan baz\u0131&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,12,23],"tags":[251,249,250],"class_list":["post-819","post","type-post","status-publish","format-standard","hentry","category-asp-net","category-c-sharp-c","category-web-tasarim","tag-css","tag-gridview","tag-template"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=819"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/819\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}