PDA

View Full Version : GridView با ظاهر اختصاصی



ehsaun_kkt
یک شنبه 02 اسفند 1394, 18:02 عصر
دوستان چطور می تونم ظاهر گرید ویوم رو تغییر بدم به شکل زیر:
(قالب html که از قبل ساختم)

139218



کد اچ تی ام ال:


[PHP]
<div class="box border pink"> <div class="box-title"> <h4><i class="fa fa-bars"></i>لیست تراکنش های دریافتی</h4> </div> <div class="box-body"> <table class="table table-hover"> <thead> <tr> <th>ردیف</th> <th>شماره تراکنش</th> <th style="padding-right:30px;">مبلغ</th> <th style="padding-right:70px;">زمان واریز</th> <th>نوع تراکنش</th> <th>وضعیت</th> <th>جزئیات</th>
</tr> </thead> <tbody> <tr> <td>1</td> <td>5362362</td> <td>10000 ریال</td> <td>پنجشنبه ۰۱ بهمن ۱۳۹۴ , ۲۲:۰۹:۵۸</td> <td>سود شارژ</td> <td><span class="label label-success center">موفق</span></td> <th><a href="#">مشاهده</a></th> </tr> <td>2</td> <td>5362262</td> <td>30000 ریال</td> <td>پنجشنبه ۰۱ بهمن ۱۳۹۴ , ۲۲:۰۹:۵۸</td> <td>فروش فایل</td> <td><span class="label label-danger center">نا موفق</span></td> <th><a href="#">مشاهده</a></th> </tr> <td>3</td> <td>6362362</td> <td>85000 ریال</td> <td>شنبه ۰۱ بهمن ۱۳۹۴ , ۲۲:۰۹:۵۸</td> <td>درگاه مستقیم</td> <td><span class="label label-success">موفق</span></td> <th><a href="#">مشاهده</a></th> </tr> <tr> <td>4</td> <td>5362362</td> <td>10000 ریال</td> <td>پنجشنبه ۰۱ بهمن ۱۳۹۴ , ۲۲:۰۹:۵۸</td> <td>سود شارژ</td> <td><span class="label label-success">موفق</span></td> <th><a href="#">مشاهده</a></th> </tr> <td>5</td> <td>5362262</td> <td>30000 ریال</td> <td>پنجشنبه ۰۱ بهمن ۱۳۹۴ , ۲۲:۰۹:۵۸</td> <td>فروش فایل</td> <td><span class="label label-danger">نا موفق</span></td> <th><a href="#">مشاهده</a></th> </tr> <td>6</td> <td>6362362</td> <td>85000 ریال</td> <td>شنبه ۰۱ بهمن ۱۳۹۴ , ۲۲:۰۹:۵۸</td> <td>درگاه مستقیم</td> <td><span class="label label-success">موفق</span></td> <th><a href="#">مشاهده</a></th> </tr> </tbody> </table> </div> </div>
[PHP/]

مهرداد سیف زاده
یک شنبه 02 اسفند 1394, 18:27 عصر
gridview‌در yii‌همون table هست
شما فقط کافی هست کدهای css بجای اعمال روی هر المنت بصورت تعریف کلاس در بیارید و اون کلاس رو به ردیفهای table در gridview اختصاص بدید
حتی تغییر ساختار و تمپلیت هم خیلی راحت هست
کد زیر یک نمونه مثال از تغییر ساختار نمایش gridview هست
http://stackoverflow.com/questions/21675170/customise-grid-view-in-yii2

ehsaun_kkt
یک شنبه 02 اسفند 1394, 18:56 عصر
سر در نیاوردم، مثلا من بخوام این کلاس ها رو اعمال کنم چکار باید بکنم؟



<div class="box border pink"><div class="box-title"> <h4><i class="fa fa-bars"></i>لیست تراکنش های دریافتی</h4> </div>
<table class="table table-hover">
.
.
.
<table/>
</div>

ehsaun_kkt
دوشنبه 03 اسفند 1394, 08:35 صبح
دوستان یه کمکی برسونند

webnevesht
جمعه 14 اسفند 1394, 13:46 عصر
خیلی آسونه. این لینک به شما کمک میکنه


http://stackoverflow.com/questions/14413013/changing-yii-grid-view-style-from-one-place-in-a-project