Currently, in the transactions table, the fee is added as debit to the first output. It's a different behaviour from gettransaction RPC where the values are seen separately:
gettransaction 56d4c03f65f32acecd80ec6ec1b5cd12eddcd35d705f2d4c82a90c85b1cf872a
{
...
"details": [
{
"account": "",
"address": "2N3AFooPuYvN6zWPpThPB8w8V48Ph31PuKH",
"category": "send",
"amount": -1,
"label": "",
"vout": 0,
"fee": -0.0000022,
"abandoned": false
},
{
"account": "",
"address": "2N42JYZHhwRXgrpuztod6CcEXfUDLTqbhY7",
"category": "send",
"amount": -1,
"label": "",
"vout": 1,
"fee": -0.0000022,
"abandoned": false
}
],
...
}
Before: <img width="848" alt="screen shot 2018-03-01 at 18 44 20" src="https://user-images.githubusercontent.com/3534524/36863063-940a2b86-1d80-11e8-95ff-a2cb39174fc1.png"> After: <img width="850" alt="screen shot 2018-03-06 at 13 55 08" src="https://user-images.githubusercontent.com/3534524/37035998-43b6a5f0-2146-11e8-9729-9f79956b2808.png"> The row background now alternates based on txid, so in the capture above, the first 3 rows refer to the same transaction.

