PDA

View Full Version : Duplicate Border



mustangchris04
4 Jun 2013, 10:37 AM
Hello everyone,

I have a question in regards to having a a 2px border instead of a 1px border because of a table within a component.

Screenshot: http://screencast.com/t/6xRFdaWYa

How can I avoid having a duplicate border on the left, right, a bottom, but without removing the border at the top of the header on the table or the inside sells?

Thanks,
Christopher

slemmon
6 Jun 2013, 11:17 AM
Any chance you could post a code snippet to demonstrate what you're seeing?

Or modify this one?



Ext.create('Ext.data.Store', {
storeId:'simpsonsStore',
fields:['name', 'email', 'phone'],
data:{'items':[
{ 'name': 'Lisa', "email":"lisa@simpsons.com", "phone":"555-111-1224" },
{ 'name': 'Bart', "email":"bart@simpsons.com", "phone":"555-222-1234" },
{ 'name': 'Homer', "email":"home@simpsons.com", "phone":"555-222-1244" },
{ 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254" }
]},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});


var grid = Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
store: Ext.data.StoreManager.lookup('simpsonsStore'),
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Email', dataIndex: 'email', flex: 1 },
{ text: 'Phone', dataIndex: 'phone' }
],
height: 200,
width: 400
});


Ext.create('Ext.tab.Panel', {
width: 400,
height: 400,
renderTo: document.body,
items: [grid]
});